*, :after, :before { box-sizing: border-box } blockquote, body, dd, dl, figcaption, figure, h1, h2, h3, h4, li, p { margin: 0 } body { scroll-behavior: smooth; text-rendering: optimizeSpeed } a { text-decoration: none } a:visited { color: unset } a.button:visited { color: var(--white) } a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto } img { display: block } button, input, select, textarea { font: inherit } button { cursor: pointer; border: none } input:-internal-autofill-selected { background-color: var(--input-bg) !important } @media (prefers-reduced-motion:reduce) { * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important } } @media screen and (max-width:768px) { body::-webkit-scrollbar { display: none } body { overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } } div.bxMCny { border-radius: var(--rnd-sm) } button.hafAWl, button.iTyqYj { padding: var(--md); max-height: unset; max-width: unset; background: unset; background-color: var(--black-50); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); box-shadow: unset } button.hafAWl .icon, button.iTyqYj .icon { width: 100%; height: 100% } @media only screen and (min-width:1025px) { button.hafAWl:hover, button.iTyqYj:hover { background-color: var(--white-50) } button.hafAWl .icon:hover, button.iTyqYj .icon:hover { opacity: unset } } :root { --input-bg: var(--bg-gray); --error-color: var(--red-sec); --success-color: var(--green-sec); --border-color: var(--bg-gray); --disabled-color: var(--accent-color-20); --accent-color-light-mode: var(--blue-dk); --accent-color-dark-mode: var(--blue); --term-color-light-mode: var(--purple-dk); --term-color-dark-mode: var(--purple-sec); --accent-color-lt: color-mix(in srgb, var(--accent-color) 60%, var(--white)); --accent-color-dk: color-mix(in srgb, var(--accent-color) 70%, var(--black)); --accent-color-10: color-mix(in srgb, var(--accent-color) 10%, transparent); --accent-color-20: color-mix(in srgb, var(--accent-color) 20%, transparent); --accent-color-30: color-mix(in srgb, var(--accent-color) 30%, transparent); --accent-color-40: color-mix(in srgb, var(--accent-color) 40%, transparent); --accent-color-50: color-mix(in srgb, var(--accent-color) 50%, transparent); --accent-color-60: color-mix(in srgb, var(--accent-color) 60%, transparent); --accent-color-70: color-mix(in srgb, var(--accent-color) 70%, transparent); --accent-color-80: color-mix(in srgb, var(--accent-color) 80%, transparent); --accent-color-90: color-mix(in srgb, var(--accent-color) 90%, transparent); --bg-color-10: color-mix(in srgb, var(--bg-color) 10%, transparent); --bg-color-20: color-mix(in srgb, var(--bg-color) 20%, transparent); --bg-color-30: color-mix(in srgb, var(--bg-color) 30%, transparent); --bg-color-40: color-mix(in srgb, var(--bg-color) 40%, transparent); --bg-color-50: color-mix(in srgb, var(--bg-color) 50%, transparent); --bg-color-60: color-mix(in srgb, var(--bg-color) 60%, transparent); --bg-color-70: color-mix(in srgb, var(--bg-color) 70%, transparent); --bg-color-80: color-mix(in srgb, var(--bg-color) 80%, transparent); --bg-color-90: color-mix(in srgb, var(--bg-color) 90%, transparent); --bg-gray-10: color-mix(in srgb, var(--bg-gray) 10%, transparent); --bg-gray-20: color-mix(in srgb, var(--bg-gray) 20%, transparent); --bg-gray-30: color-mix(in srgb, var(--bg-gray) 30%, transparent); --bg-gray-40: color-mix(in srgb, var(--bg-gray) 40%, transparent); --bg-gray-50: color-mix(in srgb, var(--bg-gray) 50%, transparent); --bg-gray-60: color-mix(in srgb, var(--bg-gray) 60%, transparent); --bg-gray-70: color-mix(in srgb, var(--bg-gray) 70%, transparent); --bg-gray-80: color-mix(in srgb, var(--bg-gray) 80%, transparent); --bg-gray-90: color-mix(in srgb, var(--bg-gray) 90%, transparent); --fg-color-10: color-mix(in srgb, var(--fg-color) 10%, transparent); --fg-color-20: color-mix(in srgb, var(--fg-color) 20%, transparent); --fg-color-30: color-mix(in srgb, var(--fg-color) 30%, transparent); --fg-color-40: color-mix(in srgb, var(--fg-color) 40%, transparent); --fg-color-50: color-mix(in srgb, var(--fg-color) 50%, transparent); --fg-color-60: color-mix(in srgb, var(--fg-color) 60%, transparent); --fg-color-70: color-mix(in srgb, var(--fg-color) 70%, transparent); --fg-color-80: color-mix(in srgb, var(--fg-color) 80%, transparent); --fg-color-90: color-mix(in srgb, var(--fg-color) 90%, transparent); --fg-gray-10: color-mix(in srgb, var(--fg-gray) 10%, transparent); --fg-gray-20: color-mix(in srgb, var(--fg-gray) 20%, transparent); --fg-gray-30: color-mix(in srgb, var(--fg-gray) 30%, transparent); --fg-gray-40: color-mix(in srgb, var(--fg-gray) 40%, transparent); --fg-gray-50: color-mix(in srgb, var(--fg-gray) 50%, transparent); --fg-gray-60: color-mix(in srgb, var(--fg-gray) 60%, transparent); --fg-gray-70: color-mix(in srgb, var(--fg-gray) 70%, transparent); --fg-gray-80: color-mix(in srgb, var(--fg-gray) 80%, transparent); --fg-gray-90: color-mix(in srgb, var(--fg-gray) 90%, transparent); --white-filter: invert(100%) sepia(10%) saturate(0%) hue-rotate(184deg) brightness(110%) contrast(100%); --blue-filter: invert(44%) sepia(93%) saturate(430%) hue-rotate(178deg) brightness(92%) contrast(90%); --blue-dk-filter: invert(25%) sepia(85%) saturate(3012%) hue-rotate(220deg) brightness(92%) contrast(91%); --red-filter: invert(46%) sepia(95%) saturate(3500%) hue-rotate(334deg) brightness(97%) contrast(98%); --red-dk-filter: invert(20%) sepia(84%) saturate(3533%) hue-rotate(356deg) brightness(85%) contrast(100%); --orange-filter: invert(55%) sepia(56%) saturate(673%) hue-rotate(330deg) brightness(91%) contrast(103%); --orange-dk-filter: invert(33%) sepia(84%) saturate(2826%) hue-rotate(11deg) brightness(98%) contrast(91%); --yellow-filter: invert(90%) sepia(68%) saturate(6826%) hue-rotate(327deg) brightness(110%) contrast(92%); --yellow-dk-filter: invert(70%) sepia(99%) saturate(403%) hue-rotate(6deg) brightness(92%) contrast(102%); --green-filter: invert(84%) sepia(15%) saturate(2964%) hue-rotate(53deg) brightness(84%) contrast(82%); --green-dk-filter: invert(20%) sepia(92%) saturate(4595%) hue-rotate(85deg) brightness(88%) contrast(78%); --cool-blue-filter: invert(69%) sepia(82%) saturate(1350%) hue-rotate(162deg) brightness(93%) contrast(98%); --cool-blue-dk-filter: invert(52%) sepia(93%) saturate(2202%) hue-rotate(160deg) brightness(90%) contrast(91%); --purple-filter: invert(37%) sepia(36%) saturate(6067%) hue-rotate(256deg) brightness(87%) contrast(108%); --purple-dk-filter: invert(13%) sepia(62%) saturate(3700%) hue-rotate(269deg) brightness(123%) contrast(123%); --trane-orange: #ff2b00; --trane-orange-50: #ff2b0080; --trane-orange-dk: #a0321c; --trane-orange-dk-50: #a0321c80; --as-blue: #0069b4; --as-blue-50: #0069b480; --as-blue-dk: #00395f; --as-blue-dk-50: #00395f80; --red-hue: 6; --orange-hue: 22; --yellow-hue: 54; --green-hue: 111; --cool-blue-hue: 195; --blue-hue: 216; --purple-hue: 275; --deep-blue-hue: var(--blue-hue); --neutral-hue: var(--blue-hue); --black-hue: 0; --default-saturation: 90%; --max-saturation: 100%; --muted-saturation: 70%; --min-saturation: 15%; --dark-gray-saturation: 50%; --green-default-saturation: 60%; --green-lt-saturation: 60%; --default-lightness: 60%; --secondary-lightness: 70%; --light: 85%; --dark: 45%; --deep: 20%; --min-lightness: 0%; --max-lightness: 100%; --off-white-lightness: 95%; --light-gray-lightness: 80%; --gray-lightness: 46%; --dark-gray-lightness: 15%; --deep-gray-lightness: 7%; --green-default-lightness: 50%; --green-dk-lightness: 27%; --h-n: var(--neutral-hue); --h-bk: var(--black-hue); --h-r: var(--red-hue); --h-o: var(--orange-hue); --h-y: var(--yellow-hue); --h-g: var(--green-hue); --h-bl: var(--blue-hue); --h-p: var(--purple-hue); --h-cl: var(--cool-blue-hue); --s-max: var(--max-saturation); --s-def: var(--default-saturation); --s-mtd: var(--muted-saturation); --s-min: var(--min-saturation); --s-dk-gray: var(--dark-gray-saturation); --s-gr-def: var(--green-default-saturation); --s-gr-lt: var(--green-lt-saturation); --l-def: var(--default-lightness); --l-sec: var(--secondary-lightness); --l-max: var(--max-lightness); --l-min: var(--min-lightness); --l-off: var(--off-white-lightness); --l-lt-gray: var(--light-gray-lightness); --l-gray: var(--gray-lightness); --l-dk-gray: var(--dark-gray-lightness); --l-dp-gray: var(--deep-gray-lightness); --l-lt: var(--light); --l-dk: var(--dark); --l-dp: var(--deep); --l-grn-def: var(--green-default-lightness); --l-grn-dk: var(--green-dk-lightness); --white: hsla(var(--h-n), var(--s-min), var(--l-max), 1); --white-10: hsla(var(--h-n), var(--s-min), var(--l-max), 0.1); --white-20: hsla(var(--h-n), var(--s-min), var(--l-max), 0.2); --white-30: hsla(var(--h-n), var(--s-min), var(--l-max), 0.3); --white-40: hsla(var(--h-n), var(--s-min), var(--l-max), 0.4); --white-50: hsla(var(--h-n), var(--s-min), var(--l-max), 0.5); --white-60: hsla(var(--h-n), var(--s-min), var(--l-max), 0.6); --white-70: hsla(var(--h-n), var(--s-min), var(--l-max), 0.7); --white-80: hsla(var(--h-n), var(--s-min), var(--l-max), 0.8); --white-90: hsla(var(--h-n), var(--s-min), var(--l-max), 0.9); --off-white: hsla(var(--h-n), var(--s-min), var(--l-off), 1); --off-white-10: hsla(var(--h-n), var(--s-min), var(--l-off), 0.1); --off-white-20: hsla(var(--h-n), var(--s-min), var(--l-off), 0.2); --off-white-30: hsla(var(--h-n), var(--s-min), var(--l-off), 0.3); --off-white-40: hsla(var(--h-n), var(--s-min), var(--l-off), 0.4); --off-white-50: hsla(var(--h-n), var(--s-min), var(--l-off), 0.5); --off-white-60: hsla(var(--h-n), var(--s-min), var(--l-off), 0.6); --off-white-70: hsla(var(--h-n), var(--s-min), var(--l-off), 0.7); --off-white-80: hsla(var(--h-n), var(--s-min), var(--l-off), 0.8); --off-white-90: hsla(var(--h-n), var(--s-min), var(--l-off), 0.9); --neutral-lt: var(--off-white); --neutral-lt-10: var(--off-white-10); --neutral-lt-20: var(--off-white-20); --neutral-lt-30: var(--off-white-30); --neutral-lt-40: var(--off-white-40); --neutral-lt-50: var(--off-white-50); --neutral-lt-60: var(--off-white-60); --neutral-lt-70: var(--off-white-70); --neutral-lt-80: var(--off-white-80); --neutral-lt-90: var(--off-white-90); --gray-lt: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 1); --gray-lt-10: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 0.1); --gray-lt-20: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 0.2); --gray-lt-30: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 0.3); --gray-lt-40: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 0.4); --gray-lt-50: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 0.5); --gray-lt-60: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 0.6); --gray-lt-70: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 0.7); --gray-lt-80: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 0.8); --gray-lt-90: hsla(var(--h-n), var(--s-min), var(--l-lt-gray), 0.9); --neutral-sec: var(--gray-lt); --neutral-sec-10: var(--gray-lt-10); --neutral-sec-20: var(--gray-lt-20); --neutral-sec-30: var(--gray-lt-30); --neutral-sec-40: var(--gray-lt-40); --neutral-sec-50: var(--gray-lt-50); --neutral-sec-60: var(--gray-lt-60); --neutral-sec-70: var(--gray-lt-70); --neutral-sec-80: var(--gray-lt-80); --neutral-sec-90: var(--gray-lt-90); --gray: hsla(var(--h-n), var(--s-min), var(--l-gray), 1); --gray-10: hsla(var(--h-n), var(--s-min), var(--l-gray), 0.1); --gray-20: hsla(var(--h-n), var(--s-min), var(--l-gray), 0.2); --gray-30: hsla(var(--h-n), var(--s-min), var(--l-gray), 0.3); --gray-40: hsla(var(--h-n), var(--s-min), var(--l-gray), 0.4); --gray-50: hsla(var(--h-n), var(--s-min), var(--l-gray), 0.5); --gray-60: hsla(var(--h-n), var(--s-min), var(--l-gray), 0.6); --gray-70: hsla(var(--h-n), var(--s-min), var(--l-gray), 0.7); --gray-80: hsla(var(--h-n), var(--s-min), var(--l-gray), 0.8); --gray-90: hsla(var(--h-n), var(--s-min), var(--l-gray), 0.9); --neutral: var(--gray); --neutral-10: var(--gray-10); --neutral-20: var(--gray-20); --neutral-30: var(--gray-30); --neutral-40: var(--gray-40); --neutral-50: var(--gray-50); --neutral-60: var(--gray-60); --neutral-70: var(--gray-70); --neutral-80: var(--gray-80); --neutral-90: var(--gray-90); --gray-dk: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 1); --gray-dk-10: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 0.1); --gray-dk-20: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 0.2); --gray-dk-30: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 0.3); --gray-dk-40: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 0.4); --gray-dk-50: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 0.5); --gray-dk-60: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 0.6); --gray-dk-70: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 0.7); --gray-dk-80: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 0.8); --gray-dk-90: hsla(var(--h-n), var(--s-dk-gray), var(--l-dk-gray), 0.9); --neutral-dk: var(--gray-dk); --neutral-dk-10: var(--gray-dk-10); --neutral-dk-20: var(--gray-dk-20); --neutral-dk-30: var(--gray-dk-30); --neutral-dk-40: var(--gray-dk-40); --neutral-dk-50: var(--gray-dk-50); --neutral-dk-60: var(--gray-dk-60); --neutral-dk-70: var(--gray-dk-70); --neutral-dk-80: var(--gray-dk-80); --neutral-dk-90: var(--gray-dk-90); --gray-dp: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 1); --gray-dp-10: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 0.1); --gray-dp-20: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 0.2); --gray-dp-30: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 0.3); --gray-dp-40: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 0.4); --gray-dp-50: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 0.5); --gray-dp-60: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 0.6); --gray-dp-70: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 0.7); --gray-dp-80: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 0.8); --gray-dp-90: hsla(var(--h-n), var(--s-mtd), var(--l-dp-gray), 0.9); --neutral-dp: var(--gray-dp); --neutral-dp-10: var(--gray-dp-10); --neutral-dp-20: var(--gray-dp-20); --neutral-dp-30: var(--gray-dp-30); --neutral-dp-40: var(--gray-dp-40); --neutral-dp-50: var(--gray-dp-50); --neutral-dp-60: var(--gray-dp-60); --neutral-dp-70: var(--gray-dp-70); --neutral-dp-80: var(--gray-dp-80); --neutral-dp-90: var(--gray-dp-90); --black: hsla(var(--h-bk), var(--s-min), var(--l-min), 1); --black-10: hsla(var(--h-bk), var(--s-min), var(--l-min), 0.1); --black-20: hsla(var(--h-bk), var(--s-min), var(--l-min), 0.2); --black-30: hsla(var(--h-bk), var(--s-min), var(--l-min), 0.3); --black-40: hsla(var(--h-bk), var(--s-min), var(--l-min), 0.4); --black-50: hsla(var(--h-bk), var(--s-min), var(--l-min), 0.5); --black-60: hsla(var(--h-bk), var(--s-min), var(--l-min), 0.6); --black-70: hsla(var(--h-bk), var(--s-min), var(--l-min), 0.7); --black-80: hsla(var(--h-bk), var(--s-min), var(--l-min), 0.8); --black-90: hsla(var(--h-bk), var(--s-min), var(--l-min), 0.9); --red: hsla(var(--h-r), var(--s-def), var(--l-def), 1); --red-10: hsla(var(--h-r), var(--s-def), var(--l-def), 0.1); --red-20: hsla(var(--h-r), var(--s-def), var(--l-def), 0.2); --red-30: hsla(var(--h-r), var(--s-def), var(--l-def), 0.3); --red-40: hsla(var(--h-r), var(--s-def), var(--l-def), 0.4); --red-50: hsla(var(--h-r), var(--s-def), var(--l-def), 0.5); --red-60: hsla(var(--h-r), var(--s-def), var(--l-def), 0.6); --red-70: hsla(var(--h-r), var(--s-def), var(--l-def), 0.7); --red-80: hsla(var(--h-r), var(--s-def), var(--l-def), 0.8); --red-90: hsla(var(--h-r), var(--s-def), var(--l-def), 0.9); --red-sec: hsla(var(--h-r), var(--s-def), var(--l-sec), 1); --red-sec-10: hsla(var(--h-r), var(--s-def), var(--l-sec), 0.1); --red-sec-20: hsla(var(--h-r), var(--s-def), var(--l-sec), 0.2); --red-sec-30: hsla(var(--h-r), var(--s-def), var(--l-sec), 0.3); --red-sec-40: hsla(var(--h-r), var(--s-def), var(--l-sec), 0.4); --red-sec-50: hsla(var(--h-r), var(--s-def), var(--l-sec), 0.5); --red-sec-60: hsla(var(--h-r), var(--s-def), var(--l-sec), 0.6); --red-sec-70: hsla(var(--h-r), var(--s-def), var(--l-sec), 0.7); --red-sec-80: hsla(var(--h-r), var(--s-def), var(--l-sec), 0.8); --red-sec-90: hsla(var(--h-r), var(--s-def), var(--l-sec), 0.9); --red-lt: hsla(var(--h-r), var(--s-def), var(--l-lt), 1); --red-lt-10: hsla(var(--h-r), var(--s-def), var(--l-lt), 0.1); --red-lt-20: hsla(var(--h-r), var(--s-def), var(--l-lt), 0.2); --red-lt-30: hsla(var(--h-r), var(--s-def), var(--l-lt), 0.3); --red-lt-40: hsla(var(--h-r), var(--s-def), var(--l-lt), 0.4); --red-lt-50: hsla(var(--h-r), var(--s-def), var(--l-lt), 0.5); --red-lt-60: hsla(var(--h-r), var(--s-def), var(--l-lt), 0.6); --red-lt-70: hsla(var(--h-r), var(--s-def), var(--l-lt), 0.7); --red-lt-80: hsla(var(--h-r), var(--s-def), var(--l-lt), 0.8); --red-lt-90: hsla(var(--h-r), var(--s-def), var(--l-lt), 0.9); --red-dk: hsla(var(--h-r), var(--s-def), var(--l-dk), 1); --red-dk-10: hsla(var(--h-r), var(--s-def), var(--l-dk), 0.1); --red-dk-20: hsla(var(--h-r), var(--s-def), var(--l-dk), 0.2); --red-dk-30: hsla(var(--h-r), var(--s-def), var(--l-dk), 0.3); --red-dk-40: hsla(var(--h-r), var(--s-def), var(--l-dk), 0.4); --red-dk-50: hsla(var(--h-r), var(--s-def), var(--l-dk), 0.5); --red-dk-60: hsla(var(--h-r), var(--s-def), var(--l-dk), 0.6); --red-dk-70: hsla(var(--h-r), var(--s-def), var(--l-dk), 0.7); --red-dk-80: hsla(var(--h-r), var(--s-def), var(--l-dk), 0.8); --red-dk-90: hsla(var(--h-r), var(--s-def), var(--l-dk), 0.9); --red-dp: hsla(var(--h-r), var(--s-def), var(--l-dp), 1); --red-dp-10: hsla(var(--h-r), var(--s-def), var(--l-dp), 0.1); --red-dp-20: hsla(var(--h-r), var(--s-def), var(--l-dp), 0.2); --red-dp-30: hsla(var(--h-r), var(--s-def), var(--l-dp), 0.3); --red-dp-40: hsla(var(--h-r), var(--s-def), var(--l-dp), 0.4); --red-dp-50: hsla(var(--h-r), var(--s-def), var(--l-dp), 0.5); --red-dp-60: hsla(var(--h-r), var(--s-def), var(--l-dp), 0.6); --red-dp-70: hsla(var(--h-r), var(--s-def), var(--l-dp), 0.7); --red-dp-80: hsla(var(--h-r), var(--s-def), var(--l-dp), 0.8); --red-dp-90: hsla(var(--h-r), var(--s-def), var(--l-dp), 0.9); --orange: hsla(var(--h-o), var(--s-def), var(--l-def), 1); --orange-10: hsla(var(--h-o), var(--s-def), var(--l-def), 0.1); --orange-20: hsla(var(--h-o), var(--s-def), var(--l-def), 0.2); --orange-30: hsla(var(--h-o), var(--s-def), var(--l-def), 0.3); --orange-40: hsla(var(--h-o), var(--s-def), var(--l-def), 0.4); --orange-50: hsla(var(--h-o), var(--s-def), var(--l-def), 0.5); --orange-60: hsla(var(--h-o), var(--s-def), var(--l-def), 0.6); --orange-70: hsla(var(--h-o), var(--s-def), var(--l-def), 0.7); --orange-80: hsla(var(--h-o), var(--s-def), var(--l-def), 0.8); --orange-90: hsla(var(--h-o), var(--s-def), var(--l-def), 0.9); --orange-sec: hsla(var(--h-o), var(--s-def), var(--l-sec), 1); --orange-sec-10: hsla(var(--h-o), var(--s-def), var(--l-sec), 0.1); --orange-sec-20: hsla(var(--h-o), var(--s-def), var(--l-sec), 0.2); --orange-sec-30: hsla(var(--h-o), var(--s-def), var(--l-sec), 0.3); --orange-sec-40: hsla(var(--h-o), var(--s-def), var(--l-sec), 0.4); --orange-sec-50: hsla(var(--h-o), var(--s-def), var(--l-sec), 0.5); --orange-sec-60: hsla(var(--h-o), var(--s-def), var(--l-sec), 0.6); --orange-sec-70: hsla(var(--h-o), var(--s-def), var(--l-sec), 0.7); --orange-sec-80: hsla(var(--h-o), var(--s-def), var(--l-sec), 0.8); --orange-sec-90: hsla(var(--h-o), var(--s-def), var(--l-sec), 0.9); --orange-lt: hsla(var(--h-o), var(--s-def), var(--l-lt), 1); --orange-lt-10: hsla(var(--h-o), var(--s-def), var(--l-lt), 0.1); --orange-lt-20: hsla(var(--h-o), var(--s-def), var(--l-lt), 0.2); --orange-lt-30: hsla(var(--h-o), var(--s-def), var(--l-lt), 0.3); --orange-lt-40: hsla(var(--h-o), var(--s-def), var(--l-lt), 0.4); --orange-lt-50: hsla(var(--h-o), var(--s-def), var(--l-lt), 0.5); --orange-lt-60: hsla(var(--h-o), var(--s-def), var(--l-lt), 0.6); --orange-lt-70: hsla(var(--h-o), var(--s-def), var(--l-lt), 0.7); --orange-lt-80: hsla(var(--h-o), var(--s-def), var(--l-lt), 0.8); --orange-lt-90: hsla(var(--h-o), var(--s-def), var(--l-lt), 0.9); --orange-dk: hsla(var(--h-o), var(--s-def), var(--l-dk), 1); --orange-dk-10: hsla(var(--h-o), var(--s-def), var(--l-dk), 0.1); --orange-dk-20: hsla(var(--h-o), var(--s-def), var(--l-dk), 0.2); --orange-dk-30: hsla(var(--h-o), var(--s-def), var(--l-dk), 0.3); --orange-dk-40: hsla(var(--h-o), var(--s-def), var(--l-dk), 0.4); --orange-dk-50: hsla(var(--h-o), var(--s-def), var(--l-dk), 0.5); --orange-dk-60: hsla(var(--h-o), var(--s-def), var(--l-dk), 0.6); --orange-dk-70: hsla(var(--h-o), var(--s-def), var(--l-dk), 0.7); --orange-dk-80: hsla(var(--h-o), var(--s-def), var(--l-dk), 0.8); --orange-dk-90: hsla(var(--h-o), var(--s-def), var(--l-dk), 0.9); --orange-dp: hsla(var(--h-o), var(--s-def), var(--l-dp), 1); --orange-dp-10: hsla(var(--h-o), var(--s-def), var(--l-dp), 0.1); --orange-dp-20: hsla(var(--h-o), var(--s-def), var(--l-dp), 0.2); --orange-dp-30: hsla(var(--h-o), var(--s-def), var(--l-dp), 0.3); --orange-dp-40: hsla(var(--h-o), var(--s-def), var(--l-dp), 0.4); --orange-dp-50: hsla(var(--h-o), var(--s-def), var(--l-dp), 0.5); --orange-dp-60: hsla(var(--h-o), var(--s-def), var(--l-dp), 0.6); --orange-dp-70: hsla(var(--h-o), var(--s-def), var(--l-dp), 0.7); --orange-dp-80: hsla(var(--h-o), var(--s-def), var(--l-dp), 0.8); --orange-dp-90: hsla(var(--h-o), var(--s-def), var(--l-dp), 0.9); --yellow: hsla(var(--h-y), var(--s-def), var(--l-def), 1); --yellow-10: hsla(var(--h-y), var(--s-def), var(--l-def), 0.1); --yellow-20: hsla(var(--h-y), var(--s-def), var(--l-def), 0.2); --yellow-30: hsla(var(--h-y), var(--s-def), var(--l-def), 0.3); --yellow-40: hsla(var(--h-y), var(--s-def), var(--l-def), 0.4); --yellow-50: hsla(var(--h-y), var(--s-def), var(--l-def), 0.5); --yellow-60: hsla(var(--h-y), var(--s-def), var(--l-def), 0.6); --yellow-70: hsla(var(--h-y), var(--s-def), var(--l-def), 0.7); --yellow-80: hsla(var(--h-y), var(--s-def), var(--l-def), 0.8); --yellow-90: hsla(var(--h-y), var(--s-def), var(--l-def), 0.9); --yellow-sec: hsla(var(--h-y), var(--s-def), var(--l-sec), 1); --yellow-sec-10: hsla(var(--h-y), var(--s-def), var(--l-sec), 0.1); --yellow-sec-20: hsla(var(--h-y), var(--s-def), var(--l-sec), 0.2); --yellow-sec-30: hsla(var(--h-y), var(--s-def), var(--l-sec), 0.3); --yellow-sec-40: hsla(var(--h-y), var(--s-def), var(--l-sec), 0.4); --yellow-sec-50: hsla(var(--h-y), var(--s-def), var(--l-sec), 0.5); --yellow-sec-60: hsla(var(--h-y), var(--s-def), var(--l-sec), 0.6); --yellow-sec-70: hsla(var(--h-y), var(--s-def), var(--l-sec), 0.7); --yellow-sec-80: hsla(var(--h-y), var(--s-def), var(--l-sec), 0.8); --yellow-sec-90: hsla(var(--h-y), var(--s-def), var(--l-sec), 0.9); --yellow-lt: hsla(var(--h-y), var(--s-def), var(--l-lt), 1); --yellow-lt-10: hsla(var(--h-y), var(--s-def), var(--l-lt), 0.1); --yellow-lt-20: hsla(var(--h-y), var(--s-def), var(--l-lt), 0.2); --yellow-lt-30: hsla(var(--h-y), var(--s-def), var(--l-lt), 0.3); --yellow-lt-40: hsla(var(--h-y), var(--s-def), var(--l-lt), 0.4); --yellow-lt-50: hsla(var(--h-y), var(--s-def), var(--l-lt), 0.5); --yellow-lt-60: hsla(var(--h-y), var(--s-def), var(--l-lt), 0.6); --yellow-lt-70: hsla(var(--h-y), var(--s-def), var(--l-lt), 0.7); --yellow-lt-80: hsla(var(--h-y), var(--s-def), var(--l-lt), 0.8); --yellow-lt-90: hsla(var(--h-y), var(--s-def), var(--l-lt), 0.9); --yellow-dk: hsla(var(--h-y), var(--s-def), var(--l-dk), 1); --yellow-dk-10: hsla(var(--h-y), var(--s-def), var(--l-dk), 0.1); --yellow-dk-20: hsla(var(--h-y), var(--s-def), var(--l-dk), 0.2); --yellow-dk-30: hsla(var(--h-y), var(--s-def), var(--l-dk), 0.3); --yellow-dk-40: hsla(var(--h-y), var(--s-def), var(--l-dk), 0.4); --yellow-dk-50: hsla(var(--h-y), var(--s-def), var(--l-dk), 0.5); --yellow-dk-60: hsla(var(--h-y), var(--s-def), var(--l-dk), 0.6); --yellow-dk-70: hsla(var(--h-y), var(--s-def), var(--l-dk), 0.7); --yellow-dk-80: hsla(var(--h-y), var(--s-def), var(--l-dk), 0.8); --yellow-dk-90: hsla(var(--h-y), var(--s-def), var(--l-dk), 0.9); --yellow-dp: hsla(var(--h-y), var(--s-def), var(--l-dp), 1); --yellow-dp-10: hsla(var(--h-y), var(--s-def), var(--l-dp), 0.1); --yellow-dp-20: hsla(var(--h-y), var(--s-def), var(--l-dp), 0.2); --yellow-dp-30: hsla(var(--h-y), var(--s-def), var(--l-dp), 0.3); --yellow-dp-40: hsla(var(--h-y), var(--s-def), var(--l-dp), 0.4); --yellow-dp-50: hsla(var(--h-y), var(--s-def), var(--l-dp), 0.5); --yellow-dp-60: hsla(var(--h-y), var(--s-def), var(--l-dp), 0.6); --yellow-dp-70: hsla(var(--h-y), var(--s-def), var(--l-dp), 0.7); --yellow-dp-80: hsla(var(--h-y), var(--s-def), var(--l-dp), 0.8); --yellow-dp-90: hsla(var(--h-y), var(--s-def), var(--l-dp), 0.9); --green: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 1); --green-10: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 0.1); --green-20: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 0.2); --green-30: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 0.3); --green-40: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 0.4); --green-50: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 0.5); --green-60: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 0.6); --green-70: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 0.7); --green-80: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 0.8); --green-90: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-def), 0.9); --green-sec: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 1); --green-sec-10: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 0.1); --green-sec-20: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 0.2); --green-sec-30: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 0.3); --green-sec-40: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 0.4); --green-sec-50: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 0.5); --green-sec-60: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 0.6); --green-sec-70: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 0.7); --green-sec-80: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 0.8); --green-sec-90: hsla(var(--h-g), var(--s-gr-def), var(--l-sec), 0.9); --green-lt: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 1); --green-lt-10: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 0.1); --green-lt-20: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 0.2); --green-lt-30: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 0.3); --green-lt-40: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 0.4); --green-lt-50: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 0.5); --green-lt-60: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 0.6); --green-lt-70: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 0.7); --green-lt-80: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 0.8); --green-lt-90: hsla(var(--h-g), var(--s-gr-lt), var(--l-lt), 0.9); --green-dk: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 1); --green-dk-10: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 0.1); --green-dk-20: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 0.2); --green-dk-30: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 0.3); --green-dk-40: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 0.4); --green-dk-50: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 0.5); --green-dk-60: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 0.6); --green-dk-70: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 0.7); --green-dk-80: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 0.8); --green-dk-90: hsla(var(--h-g), var(--s-gr-def), var(--l-grn-dk), 0.9); --green-dp: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 1); --green-dp-10: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 0.1); --green-dp-20: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 0.2); --green-dp-30: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 0.3); --green-dp-40: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 0.4); --green-dp-50: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 0.5); --green-dp-60: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 0.6); --green-dp-70: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 0.7); --green-dp-80: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 0.8); --green-dp-90: hsla(var(--h-g), var(--s-gr-def), var(--l-dp), 0.9); --cool-blue: hsla(var(--h-cl), var(--s-def), var(--l-def), 1); --cool-blue-10: hsla(var(--h-cl), var(--s-def), var(--l-def), 0.1); --cool-blue-20: hsla(var(--h-cl), var(--s-def), var(--l-def), 0.2); --cool-blue-30: hsla(var(--h-cl), var(--s-def), var(--l-def), 0.3); --cool-blue-40: hsla(var(--h-cl), var(--s-def), var(--l-def), 0.4); --cool-blue-50: hsla(var(--h-cl), var(--s-def), var(--l-def), 0.5); --cool-blue-60: hsla(var(--h-cl), var(--s-def), var(--l-def), 0.6); --cool-blue-70: hsla(var(--h-cl), var(--s-def), var(--l-def), 0.7); --cool-blue-80: hsla(var(--h-cl), var(--s-def), var(--l-def), 0.8); --cool-blue-90: hsla(var(--h-cl), var(--s-def), var(--l-def), 0.9); --cool-blue-sec: hsla(var(--h-cl), var(--s-def), var(--l-sec), 1); --cool-blue-sec-10: hsla(var(--h-cl), var(--s-def), var(--l-sec), 0.1); --cool-blue-sec-20: hsla(var(--h-cl), var(--s-def), var(--l-sec), 0.2); --cool-blue-sec-30: hsla(var(--h-cl), var(--s-def), var(--l-sec), 0.3); --cool-blue-sec-40: hsla(var(--h-cl), var(--s-def), var(--l-sec), 0.4); --cool-blue-sec-50: hsla(var(--h-cl), var(--s-def), var(--l-sec), 0.5); --cool-blue-sec-60: hsla(var(--h-cl), var(--s-def), var(--l-sec), 0.6); --cool-blue-sec-70: hsla(var(--h-cl), var(--s-def), var(--l-sec), 0.7); --cool-blue-sec-80: hsla(var(--h-cl), var(--s-def), var(--l-sec), 0.8); --cool-blue-sec-90: hsla(var(--h-cl), var(--s-def), var(--l-sec), 0.9); --cool-blue-lt: hsla(var(--h-cl), var(--s-def), var(--l-lt), 1); --cool-blue-lt-10: hsla(var(--h-cl), var(--s-def), var(--l-lt), 0.1); --cool-blue-lt-20: hsla(var(--h-cl), var(--s-def), var(--l-lt), 0.2); --cool-blue-lt-30: hsla(var(--h-cl), var(--s-def), var(--l-lt), 0.3); --cool-blue-lt-40: hsla(var(--h-cl), var(--s-def), var(--l-lt), 0.4); --cool-blue-lt-50: hsla(var(--h-cl), var(--s-def), var(--l-lt), 0.5); --cool-blue-lt-60: hsla(var(--h-cl), var(--s-def), var(--l-lt), 0.6); --cool-blue-lt-70: hsla(var(--h-cl), var(--s-def), var(--l-lt), 0.7); --cool-blue-lt-80: hsla(var(--h-cl), var(--s-def), var(--l-lt), 0.8); --cool-blue-lt-90: hsla(var(--h-cl), var(--s-def), var(--l-lt), 0.9); --cool-blue-dk: hsla(var(--h-cl), var(--s-def), var(--l-dk), 1); --cool-blue-dk-10: hsla(var(--h-cl), var(--s-def), var(--l-dk), 0.1); --cool-blue-dk-20: hsla(var(--h-cl), var(--s-def), var(--l-dk), 0.2); --cool-blue-dk-30: hsla(var(--h-cl), var(--s-def), var(--l-dk), 0.3); --cool-blue-dk-40: hsla(var(--h-cl), var(--s-def), var(--l-dk), 0.4); --cool-blue-dk-50: hsla(var(--h-cl), var(--s-def), var(--l-dk), 0.5); --cool-blue-dk-60: hsla(var(--h-cl), var(--s-def), var(--l-dk), 0.6); --cool-blue-dk-70: hsla(var(--h-cl), var(--s-def), var(--l-dk), 0.7); --cool-blue-dk-80: hsla(var(--h-cl), var(--s-def), var(--l-dk), 0.8); --cool-blue-dk-90: hsla(var(--h-cl), var(--s-def), var(--l-dk), 0.9); --cool-blue-dp: hsla(var(--h-cl), var(--s-def), var(--l-dp), 1); --cool-blue-dp-10: hsla(var(--h-cl), var(--s-def), var(--l-dp), 0.1); --cool-blue-dp-20: hsla(var(--h-cl), var(--s-def), var(--l-dp), 0.2); --cool-blue-dp-30: hsla(var(--h-cl), var(--s-def), var(--l-dp), 0.3); --cool-blue-dp-40: hsla(var(--h-cl), var(--s-def), var(--l-dp), 0.4); --cool-blue-dp-50: hsla(var(--h-cl), var(--s-def), var(--l-dp), 0.5); --cool-blue-dp-60: hsla(var(--h-cl), var(--s-def), var(--l-dp), 0.6); --cool-blue-dp-70: hsla(var(--h-cl), var(--s-def), var(--l-dp), 0.7); --cool-blue-dp-80: hsla(var(--h-cl), var(--s-def), var(--l-dp), 0.8); --cool-blue-dp-90: hsla(var(--h-cl), var(--s-def), var(--l-dp), 0.9); --blue: hsla(var(--h-bl), var(--s-def), var(--l-def), 1); --blue-10: hsla(var(--h-bl), var(--s-def), var(--l-def), 0.1); --blue-20: hsla(var(--h-bl), var(--s-def), var(--l-def), 0.2); --blue-30: hsla(var(--h-bl), var(--s-def), var(--l-def), 0.3); --blue-40: hsla(var(--h-bl), var(--s-def), var(--l-def), 0.4); --blue-50: hsla(var(--h-bl), var(--s-def), var(--l-def), 0.5); --blue-60: hsla(var(--h-bl), var(--s-def), var(--l-def), 0.6); --blue-70: hsla(var(--h-bl), var(--s-def), var(--l-def), 0.7); --blue-80: hsla(var(--h-bl), var(--s-def), var(--l-def), 0.8); --blue-90: hsla(var(--h-bl), var(--s-def), var(--l-def), 0.9); --blue-sec: hsla(var(--h-bl), var(--s-def), var(--l-sec), 1); --blue-sec-10: hsla(var(--h-bl), var(--s-def), var(--l-sec), 0.1); --blue-sec-20: hsla(var(--h-bl), var(--s-def), var(--l-sec), 0.2); --blue-sec-30: hsla(var(--h-bl), var(--s-def), var(--l-sec), 0.3); --blue-sec-40: hsla(var(--h-bl), var(--s-def), var(--l-sec), 0.4); --blue-sec-50: hsla(var(--h-bl), var(--s-def), var(--l-sec), 0.5); --blue-sec-60: hsla(var(--h-bl), var(--s-def), var(--l-sec), 0.6); --blue-sec-70: hsla(var(--h-bl), var(--s-def), var(--l-sec), 0.7); --blue-sec-80: hsla(var(--h-bl), var(--s-def), var(--l-sec), 0.8); --blue-sec-90: hsla(var(--h-bl), var(--s-def), var(--l-sec), 0.9); --blue-lt: hsla(var(--h-bl), var(--s-def), var(--l-lt), 1); --blue-lt-10: hsla(var(--h-bl), var(--s-def), var(--l-lt), 0.1); --blue-lt-20: hsla(var(--h-bl), var(--s-def), var(--l-lt), 0.2); --blue-lt-30: hsla(var(--h-bl), var(--s-def), var(--l-lt), 0.3); --blue-lt-40: hsla(var(--h-bl), var(--s-def), var(--l-lt), 0.4); --blue-lt-50: hsla(var(--h-bl), var(--s-def), var(--l-lt), 0.5); --blue-lt-60: hsla(var(--h-bl), var(--s-def), var(--l-lt), 0.6); --blue-lt-70: hsla(var(--h-bl), var(--s-def), var(--l-lt), 0.7); --blue-lt-80: hsla(var(--h-bl), var(--s-def), var(--l-lt), 0.8); --blue-lt-90: hsla(var(--h-bl), var(--s-def), var(--l-lt), 0.9); --blue-dk: hsla(var(--h-bl), var(--s-def), var(--l-dk), 1); --blue-dk-10: hsla(var(--h-bl), var(--s-def), var(--l-dk), 0.1); --blue-dk-20: hsla(var(--h-bl), var(--s-def), var(--l-dk), 0.2); --blue-dk-30: hsla(var(--h-bl), var(--s-def), var(--l-dk), 0.3); --blue-dk-40: hsla(var(--h-bl), var(--s-def), var(--l-dk), 0.4); --blue-dk-50: hsla(var(--h-bl), var(--s-def), var(--l-dk), 0.5); --blue-dk-60: hsla(var(--h-bl), var(--s-def), var(--l-dk), 0.6); --blue-dk-70: hsla(var(--h-bl), var(--s-def), var(--l-dk), 0.7); --blue-dk-80: hsla(var(--h-bl), var(--s-def), var(--l-dk), 0.8); --blue-dk-90: hsla(var(--h-bl), var(--s-def), var(--l-dk), 0.9); --blue-dp: hsla(var(--h-bl), var(--s-def), var(--l-dp), 1); --blue-dp-10: hsla(var(--h-bl), var(--s-def), var(--l-dp), 0.1); --blue-dp-20: hsla(var(--h-bl), var(--s-def), var(--l-dp), 0.2); --blue-dp-30: hsla(var(--h-bl), var(--s-def), var(--l-dp), 0.3); --blue-dp-40: hsla(var(--h-bl), var(--s-def), var(--l-dp), 0.4); --blue-dp-50: hsla(var(--h-bl), var(--s-def), var(--l-dp), 0.5); --blue-dp-60: hsla(var(--h-bl), var(--s-def), var(--l-dp), 0.6); --blue-dp-70: hsla(var(--h-bl), var(--s-def), var(--l-dp), 0.7); --blue-dp-80: hsla(var(--h-bl), var(--s-def), var(--l-dp), 0.8); --blue-dp-90: hsla(var(--h-bl), var(--s-def), var(--l-dp), 0.9); --purple: hsla(var(--h-p), var(--s-def), var(--l-def), 1); --purple-10: hsla(var(--h-p), var(--s-def), var(--l-def), 0.1); --purple-20: hsla(var(--h-p), var(--s-def), var(--l-def), 0.2); --purple-30: hsla(var(--h-p), var(--s-def), var(--l-def), 0.3); --purple-40: hsla(var(--h-p), var(--s-def), var(--l-def), 0.4); --purple-50: hsla(var(--h-p), var(--s-def), var(--l-def), 0.5); --purple-60: hsla(var(--h-p), var(--s-def), var(--l-def), 0.6); --purple-70: hsla(var(--h-p), var(--s-def), var(--l-def), 0.7); --purple-80: hsla(var(--h-p), var(--s-def), var(--l-def), 0.8); --purple-90: hsla(var(--h-p), var(--s-def), var(--l-def), 0.9); --purple-sec: hsla(var(--h-p), var(--s-def), var(--l-sec), 1); --purple-sec-10: hsla(var(--h-p), var(--s-mtd), var(--l-sec), 0.1); --purple-sec-20: hsla(var(--h-p), var(--s-mtd), var(--l-sec), 0.2); --purple-sec-30: hsla(var(--h-p), var(--s-mtd), var(--l-sec), 0.3); --purple-sec-40: hsla(var(--h-p), var(--s-mtd), var(--l-sec), 0.4); --purple-sec-50: hsla(var(--h-p), var(--s-mtd), var(--l-sec), 0.5); --purple-sec-60: hsla(var(--h-p), var(--s-mtd), var(--l-sec), 0.6); --purple-sec-70: hsla(var(--h-p), var(--s-mtd), var(--l-sec), 0.7); --purple-sec-80: hsla(var(--h-p), var(--s-mtd), var(--l-sec), 0.8); --purple-sec-90: hsla(var(--h-p), var(--s-mtd), var(--l-sec), 0.9); --purple-lt: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 1); --purple-lt-10: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 0.1); --purple-lt-20: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 0.2); --purple-lt-30: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 0.3); --purple-lt-40: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 0.4); --purple-lt-50: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 0.5); --purple-lt-60: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 0.6); --purple-lt-70: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 0.7); --purple-lt-80: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 0.8); --purple-lt-90: hsla(var(--h-p), var(--s-mtd), var(--l-lt), 0.9); --purple-dk: hsla(var(--h-p), var(--s-def), var(--l-dk), 1); --purple-dk-10: hsla(var(--h-p), var(--s-def), var(--l-dk), 0.1); --purple-dk-20: hsla(var(--h-p), var(--s-def), var(--l-dk), 0.2); --purple-dk-30: hsla(var(--h-p), var(--s-def), var(--l-dk), 0.3); --purple-dk-40: hsla(var(--h-p), var(--s-def), var(--l-dk), 0.4); --purple-dk-50: hsla(var(--h-p), var(--s-def), var(--l-dk), 0.5); --purple-dk-60: hsla(var(--h-p), var(--s-def), var(--l-dk), 0.6); --purple-dk-70: hsla(var(--h-p), var(--s-def), var(--l-dk), 0.7); --purple-dk-80: hsla(var(--h-p), var(--s-def), var(--l-dk), 0.8); --purple-dk-90: hsla(var(--h-p), var(--s-def), var(--l-dk), 0.9); --purple-dp: hsla(var(--h-p), var(--s-def), var(--l-dp), 1); --purple-dp-10: hsla(var(--h-p), var(--s-def), var(--l-dp), 0.1); --purple-dp-20: hsla(var(--h-p), var(--s-def), var(--l-dp), 0.2); --purple-dp-30: hsla(var(--h-p), var(--s-def), var(--l-dp), 0.3); --purple-dp-40: hsla(var(--h-p), var(--s-def), var(--l-dp), 0.4); --purple-dp-50: hsla(var(--h-p), var(--s-def), var(--l-dp), 0.5); --purple-dp-60: hsla(var(--h-p), var(--s-def), var(--l-dp), 0.6); --purple-dp-70: hsla(var(--h-p), var(--s-def), var(--l-dp), 0.7); --purple-dp-80: hsla(var(--h-p), var(--s-def), var(--l-dp), 0.8); --purple-dp-90: hsla(var(--h-p), var(--s-def), var(--l-dp), 0.9); --accent-color: var(--accent-color-light-mode); --accent-color-filter: var(--blue-dk-filter); --bg-gray-solid: var(--off-white); --bg-color: var(--white); --bg-gray: var(--gray-lt-30); --fg-color: var(--black); --fg-gray: var(--gray-dk); --glow-color: var(--white); --shadow-color: var(--gray-dp-20); --glass-color: var(--off-white-60); --hover-color: var(--accent-color-dk); --term-color: var(--term-color-light-mode); --warning-color: var(--yellow-dp); --warning-bg-color: var(--yellow-lt); --error-color: var(--red-dk); --error-bg-color: var(--red-lt); --success-color: var(--green) } @media (prefers-color-scheme:dark) { :root { --accent-color: var(--accent-color-dark-mode); --accent-color-filter: var(--blue-filter); --icon-filter: var(--white-filter); --bg-gray-solid: var(--gray-dk); --bg-color: var(--gray-dp); --bg-gray: var(--gray-20); --fg-color: var(--white); --fg-gray: var(--off-white); --glow-color: var(--gray-lt-10); --shadow-color: var(--black-70); --glass-color: var(--gray-dk-80); --hover-color: var(--accent-color-lt); --term-color: var(--term-color-dark-mode); --warning-color: var(--yellow-lt); --warning-bg-color: var(--yellow-dp); --error-color: var(--red-sec); --error-bg-color: var(--red-dp); --success-color: var(--green-sec) } } .light-mode { --accent-color: var(--accent-color-light-mode); --accent-color-filter: var(--blue-dk-filter); --bg-gray-solid: var(--off-white); --bg-color: var(--white); --bg-gray: var(--gray-lt-30); --fg-color: var(--black); --fg-gray: var(--gray-dk); --glow-color: var(--white); --shadow-color: var(--gray-dp-20); --glass-color: var(--off-white-60); --hover-color: var(--accent-color-dk); --term-color: var(--term-color-light-mode); --warning-color: var(--yellow-dp); --warning-bg-color: var(--yellow-lt); --error-color: var(--red-dk); --error-bg-color: var(--red-lt); --success-color: var(--green) } .dark-mode { --accent-color: var(--accent-color-dark-mode); --accent-color-filter: var(--blue-filter); --icon-filter: var(--white-filter); --bg-gray-solid: var(--gray-dk); --bg-color: var(--gray-dp); --bg-gray: var(--gray-20); --fg-color: var(--white); --fg-gray: var(--off-white); --glow-color: var(--gray-lt-10); --shadow-color: var(--black-70); --glass-color: var(--gray-dk-80); --hover-color: var(--accent-color-lt); --term-color: var(--term-color-dark-mode); --warning-color: var(--yellow-lt); --warning-bg-color: var(--yellow-dp); --error-color: var(--red-sec); --error-bg-color: var(--red-dp); --success-color: var(--green-sec) } :root { --bezier: cubic-bezier(0.34, 2, 0.64, 1); --ease: ease-in-out; --fade: all 0.2s var(--bezier); --fade-md: all 0.4s var(--bezier); --fade-slow: all 0.6s var(--bezier); --fade-ease: all 0.2s var(--ease); --fade-ease-md: all 0.4s var(--ease); --fade-ease-slow: all 0.8s var(--ease); --dot: var(--border-size) dotted; --dash: var(--border-size) dashed; --solid: var(--border-size) solid; --solid-lg: 3px solid; --border: var(--solid) var(--border-color); --border-bg-color: var(--solid) var(--bg-color); --border-accent-color: var(--solid) var(--accent-color); --border-neutral: var(--solid-lg) var(--bg-color-30); --border-red: var(--solid-lg) var(--red-30); --border-orange: var(--solid-lg) var(--orange-30); --border-yellow: var(--solid-lg) var(--yellow-30); --border-green: var(--solid-lg) var(--green-30); --border-cool-blue: var(--solid-lg) var(--cool-blue-30); --border-blue: var(--solid-lg) var(--blue-30); --border-purple: var(--solid-lg) var(--purple-30); --outline: var(--border-size) solid var(--fg-color); --blur-xs: blur(4px); --blur-sm: blur(var(--spc-xs-w)); --blur: blur(var(--spc-sm-w)); --blur-lg: blur(var(--spc-md-w)); --neutral-color: var(--bg-color-50); --shape-xs: transparent 20%; --shape-sm: transparent 30%; --shape-md: transparent 40%; --shape-lg: transparent 48%; --shape-xl: transparent 65%; --shape-xl2: transparent 100%; --shape-xl3: transparent 150%; --shape-xl4: transparent 250%; --circle-ctr: circle at 50% 50%; --circle-ctr-top: circle at 50% 20%; --circle-ctr-btm: circle at 50% 80%; --circle-l-top: circle at 20% 20%; --circle-l-ctr: circle at 20% 50%; --circle-l-btm: circle at 20% 80%; --circle-l-top-cnr: circle at 0% 0%; --circle-l-btm-cnr: circle at 0% 100%; --circle-r-top: circle at 80% 20%; --circle-r-ctr: circle at 80% 50%; --circle-r-btm: circle at 80% 80%; --circle-r-top-cnr: circle at 100% 0%; --circle-r-btm-cnr: circle at 100% 100%; --ellipse-ctr: ellipse at 50% 50%; --ellipse-l-top: ellipse at 20% 20%; --ellipse-l-ctr: ellipse at 20% 50%; --ellipse-l-btm: ellipse at 20% 80%; --ellipse-l-top-cnr: ellipse at 0% 0%; --ellipse-l-btm-cnr: ellipse at 0% 100%; --ellipse-r-top: ellipse at 80% 20%; --ellipse-r-ctr: ellipse at 80% 50%; --ellipse-r-btm: ellipse at 80% 80%; --ellipse-r-top-cnr: ellipse at 100% 0%; --ellipse-r-btm-cnr: ellipse at 100% 100%; --neutral-image-overlay-left: linear-gradient(to right, var(--neutral-color) 0%, var(--shape-xl)); --neutral-image-overlay-right: linear-gradient(to left, var(--neutral-color) 0%, var(--shape-xl)); --neutral-image-overlay-center: radial-gradient(var(--ellipse-ctr), var(--neutral-color) 0%, var(--shape-xl4)), linear-gradient(to bottom, var(--neutral-color) 0%, var(--shape-xl)); --neutral-image-overlay-full: radial-gradient(var(--ellipse-ctr), var(--neutral-color) 0%, var(--shape-xl4)); --neutral-image-overlay-top: linear-gradient(to bottom, var(--neutral-color) 0%, var(--shape-xl)); --neutral-image-overlay-bottom: linear-gradient(to top, var(--neutral-color) 0%, var(--shape-xl)); --image-overlay-left-center-neutral: var(--neutral-image-overlay-left), var(--neutral-image-overlay-center), radial-gradient(var(--circle-l-top), var(--neutral-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-l-ctr), var(--neutral-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-l-btm), var(--neutral-color) 0%, var(--shape-lg)); --image-overlay-left-top-neutral: var(--neutral-image-overlay-left), var(--neutral-image-overlay-top), radial-gradient(var(--circle-l-top), var(--neutral-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-l-ctr), var(--neutral-color) 0%, var(--shape-xl)); --image-overlay-left-bottom-neutral: var(--neutral-image-overlay-left), var(--neutral-image-overlay-bottom), radial-gradient(var(--circle-l-ctr), var(--neutral-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-l-btm), var(--neutral-color) 0%, var(--shape-lg)); --image-overlay-right-center-neutral: var(--neutral-image-overlay-right), var(--neutral-image-overlay-center), radial-gradient(var(--circle-r-top), var(--neutral-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-ctr), var(--neutral-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-r-btm), var(--neutral-color) 0%, var(--shape-lg)); --image-overlay-right-top-neutral: var(--neutral-image-overlay-right), var(--neutral-image-overlay-top), radial-gradient(var(--circle-r-top), var(--neutral-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-ctr), var(--neutral-color) 0%, var(--shape-xl)); --image-overlay-right-bottom-neutral: var(--neutral-image-overlay-right), var(--neutral-image-overlay-bottom), radial-gradient(var(--circle-r-ctr), var(--neutral-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-r-btm), var(--neutral-color) 0%, var(--shape-lg)); --image-overlay-center-center-neutral: var(--neutral-image-overlay-center), radial-gradient(var(--circle-l-ctr), var(--neutral-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-ctr), var(--neutral-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-r-ctr), var(--neutral-color) 0%, var(--shape-lg)); --image-overlay-center-top-neutral: var(--neutral-image-overlay-center), var(--neutral-image-overlay-top), radial-gradient(var(--circle-l-top), var(--neutral-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-ctr-top), var(--neutral-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-top), var(--neutral-color) 0%, var(--shape-lg)); --image-overlay-center-bottom-neutral: var(--neutral-image-overlay-center), var(--neutral-image-overlay-bottom), radial-gradient(var(--circle-l-btm), var(--neutral-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-ctr-btm), var(--neutral-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-btm), var(--neutral-color) 0%, var(--shape-lg)); --image-overlay-full-center-neutral: var(--neutral-image-overlay-full), var(--neutral-image-overlay-top), var(--neutral-image-overlay-bottom), var(--neutral-image-overlay-left), var(--neutral-image-overlay-right); --image-overlay-center-center-accent-color: radial-gradient(var(--circle-l-btm-cnr), var(--accent-color-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--accent-color-60), var(--shape-sm)), var(--image-overlay-center-center-neutral); --image-overlay-left-center-accent-color: radial-gradient(var(--circle-l-top-cnr), var(--accent-color-40), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--accent-color-60), var(--shape-md)), var(--image-overlay-left-center-neutral); --image-overlay-right-center-accent-color: radial-gradient(var(--circle-r-btm-cnr), var(--accent-color-40), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--accent-color-60), var(--shape-md)), var(--image-overlay-right-center-neutral); --image-overlay-center-center-red: radial-gradient(var(--circle-l-btm-cnr), var(--red-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--red-50), var(--shape-sm)), var(--image-overlay-center-center-neutral); --image-overlay-left-center-red: radial-gradient(var(--circle-l-top-cnr), var(--red-40), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--red-50), var(--shape-md)), var(--image-overlay-left-center-neutral); --image-overlay-right-center-red: radial-gradient(var(--circle-r-btm-cnr), var(--red-40), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--red-50), var(--shape-md)), var(--image-overlay-right-center-neutral); --image-overlay-center-center-orange: radial-gradient(var(--circle-l-btm-cnr), var(--orange-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--orange-60), var(--shape-sm)), var(--image-overlay-center-center-neutral); --image-overlay-left-center-orange: radial-gradient(var(--circle-l-top-cnr), var(--orange-50), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--orange-60), var(--shape-md)), var(--image-overlay-left-center-neutral); --image-overlay-right-center-orange: radial-gradient(var(--circle-r-btm-cnr), var(--orange-50), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--orange-60), var(--shape-md)), var(--image-overlay-right-center-neutral); --image-overlay-center-center-yellow: radial-gradient(var(--circle-l-btm-cnr), var(--yellow-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--yellow-30), var(--shape-sm)), var(--image-overlay-center-center-neutral); --image-overlay-left-center-yellow: radial-gradient(var(--circle-l-top-cnr), var(--yellow-50), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--yellow-60), var(--shape-md)), var(--image-overlay-left-center-neutral); --image-overlay-right-center-yellow: radial-gradient(var(--circle-r-btm-cnr), var(--yellow-50), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--yellow-60), var(--shape-md)), var(--image-overlay-right-center-neutral); --image-overlay-center-center-green: radial-gradient(var(--circle-l-btm-cnr), var(--green-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--green-30), var(--shape-sm)), var(--image-overlay-center-center-neutral); --image-overlay-left-center-green: radial-gradient(var(--circle-l-top-cnr), var(--green-50), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--green-60), var(--shape-md)), var(--image-overlay-left-center-neutral); --image-overlay-right-center-green: radial-gradient(var(--circle-r-btm-cnr), var(--green-50), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--green-60), var(--shape-md)), var(--image-overlay-right-center-neutral); --image-overlay-center-center-blue: radial-gradient(var(--circle-l-btm-cnr), var(--blue-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--blue-30), var(--shape-sm)), var(--image-overlay-center-center-neutral); --image-overlay-left-center-blue: radial-gradient(var(--circle-l-top-cnr), var(--blue-50), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--blue-60), var(--shape-md)), var(--image-overlay-left-center-neutral); --image-overlay-right-center-blue: radial-gradient(var(--circle-r-btm-cnr), var(--blue-50), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--blue-60), var(--shape-md)), var(--image-overlay-right-center-neutral); --image-overlay-center-center-cool-blue: radial-gradient(var(--circle-l-btm-cnr), var(--cool-blue-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--cool-blue-30), var(--shape-sm)), var(--image-overlay-center-center-neutral); --image-overlay-left-center-cool-blue: radial-gradient(var(--circle-l-top-cnr), var(--cool-blue-50), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--cool-blue-60), var(--shape-md)), var(--image-overlay-left-center-neutral); --image-overlay-right-center-cool-blue: radial-gradient(var(--circle-r-btm-cnr), var(--cool-blue-50), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--cool-blue-60), var(--shape-md)), var(--image-overlay-right-center-neutral); --image-overlay-center-center-purple: radial-gradient(var(--circle-l-btm-cnr), var(--purple-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--purple-30), var(--shape-sm)), var(--image-overlay-center-center-neutral); --image-overlay-left-center-purple: radial-gradient(var(--circle-l-top-cnr), var(--purple-50), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--purple-60), var(--shape-md)), var(--image-overlay-left-center-neutral); --image-overlay-right-center-purple: radial-gradient(var(--circle-r-btm-cnr), var(--purple-50), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--purple-60), var(--shape-md)), var(--image-overlay-right-center-neutral); --bg-overlay-shape: var(--ellipse-ctr); --bg-overlay-center-center-gray: radial-gradient(var(--bg-overlay-shape), var(--gray-30), var(--shape-xl)); --bg-overlay-center-center-red: radial-gradient(var(--bg-overlay-shape), var(--red-60), var(--shape-xl)); --bg-overlay-center-center-orange: radial-gradient(var(--bg-overlay-shape), var(--orange-60), var(--shape-xl)); --bg-overlay-center-center-yellow: radial-gradient(var(--bg-overlay-shape), var(--yellow-60), var(--shape-xl)); --bg-overlay-center-center-green: radial-gradient(var(--bg-overlay-shape), var(--green-60), var(--shape-xl)); --bg-overlay-center-center-cool-blue: radial-gradient(var(--bg-overlay-shape), var(--cool-blue-60), var(--shape-xl)); --bg-overlay-center-center-blue: radial-gradient(var(--bg-overlay-shape), var(--blue-60), var(--shape-xl)); --bg-overlay-center-center-purple: radial-gradient(var(--bg-overlay-shape), var(--purple-60), var(--shape-xl)); --neutral-dark-color: var(--gray-dp-50); --neutral-image-overlay-dark-left: linear-gradient(to right, var(--neutral-dark-color) 0%, var(--shape-xl)); --neutral-image-overlay-dark-right: linear-gradient(to left, var(--neutral-dark-color) 0%, var(--shape-xl)); --neutral-image-overlay-dark-center: radial-gradient(var(--ellipse-ctr), var(--neutral-dark-color) 0%, var(--shape-xl3)), linear-gradient(to bottom, var(--neutral-dark-color) 0%, var(--shape-xl)); --neutral-image-overlay-dark-full: radial-gradient(var(--ellipse-ctr), var(--neutral-dark-color) 0%, var(--shape-xl4)), linear-gradient(to bottom, var(--neutral-dark-color) 0%, var(--shape-xl)); --neutral-image-overlay-dark-top: radial-gradient(var(--circle-l-ctr), var(--neutral-dark-color) 0%, var(--shape-sm)), linear-gradient(to bottom, var(--neutral-dark-color) 0%, var(--shape-lg)), linear-gradient(to bottom, var(--neutral-dark-color) 0%, var(--shape-xl)); --neutral-image-overlay-dark-bottom: linear-gradient(to top, var(--neutral-dark-color) 0%, var(--shape-lg)), linear-gradient(to top, var(--neutral-dark-color) 0%, var(--shape-xl)); --image-overlay-dark-left-center-neutral: var(--neutral-image-overlay-dark-left), var(--neutral-image-overlay-dark-center), radial-gradient(var(--circle-l-top), var(--neutral-dark-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-l-ctr), var(--neutral-dark-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-l-btm), var(--neutral-dark-color) 0%, var(--shape-lg)); --image-overlay-dark-left-top-neutral: var(--neutral-image-overlay-dark-left), var(--neutral-image-overlay-dark-top), radial-gradient(var(--circle-l-top), var(--neutral-dark-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-l-ctr), var(--neutral-dark-color) 0%, var(--shape-xl)); --image-overlay-dark-left-bottom-neutral: var(--neutral-image-overlay-dark-left), var(--neutral-image-overlay-dark-bottom), radial-gradient(var(--ellipse-l-ctr), var(--neutral-dark-color) 0%, var(--shape-xl)), radial-gradient(var(--ellipse-l-btm), var(--neutral-dark-color) 0%, var(--shape-xl)); --image-overlay-dark-right-center-neutral: var(--neutral-image-overlay-dark-right), radial-gradient(var(--circle-r-top), var(--neutral-dark-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-ctr), var(--neutral-dark-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-r-btm), var(--neutral-dark-color) 0%, var(--shape-lg)); --image-overlay-dark-right-top-neutral: var(--neutral-image-overlay-dark-right), var(--neutral-image-overlay-dark-top), radial-gradient(var(--circle-r-top), var(--neutral-dark-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-ctr), var(--neutral-dark-color) 0%, var(--shape-xl)); --image-overlay-dark-right-bottom-neutral: var(--neutral-image-overlay-dark-right), var(--neutral-image-overlay-dark-bottom), radial-gradient(var(--circle-r-ctr), var(--neutral-dark-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-r-btm), var(--neutral-dark-color) 0%, var(--shape-lg)); --image-overlay-dark-center-center-neutral: var(--neutral-image-overlay-dark-center), radial-gradient(var(--circle-l-ctr), var(--neutral-dark-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-ctr), var(--neutral-dark-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-r-ctr), var(--neutral-dark-color) 0%, var(--shape-lg)); --image-overlay-dark-center-top-neutral: var(--neutral-image-overlay-dark-center), var(--neutral-image-overlay-dark-top), radial-gradient(var(--circle-l-top), var(--neutral-dark-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-ctr-top), var(--neutral-dark-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-top), var(--neutral-dark-color) 0%, var(--shape-lg)); --image-overlay-dark-center-bottom-neutral: var(--neutral-image-overlay-dark-center), var(--neutral-image-overlay-dark-bottom), radial-gradient(var(--circle-l-btm), var(--neutral-dark-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-ctr-btm), var(--neutral-dark-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-btm), var(--neutral-dark-color) 0%, var(--shape-lg)); --image-overlay-dark-full-center-neutral: var(--neutral-image-overlay-dark-full), var(--neutral-image-overlay-dark-top), var(--neutral-image-overlay-dark-bottom), var(--neutral-image-overlay-dark-left), var(--neutral-image-overlay-dark-right); --image-overlay-dark-center-center-accent-color: radial-gradient(var(--circle-l-btm-cnr), var(--accent-color-50), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--accent-color-60), var(--shape-sm)), var(--image-overlay-dark-center-center-neutral); --image-overlay-dark-left-center-accent-color: radial-gradient(var(--circle-l-top-cnr), var(--accent-color-50), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--accent-color-60), var(--shape-md)), var(--image-overlay-dark-left-center-neutral); --image-overlay-dark-right-center-accent-color: radial-gradient(var(--circle-r-btm-cnr), var(--accent-color-50), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--accent-color-60), var(--shape-md)), var(--image-overlay-dark-right-center-neutral); --image-overlay-dark-center-center-red: radial-gradient(var(--circle-l-btm-cnr), var(--red-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--red-40), var(--shape-sm)), var(--image-overlay-dark-center-center-neutral); --image-overlay-dark-left-center-red: radial-gradient(var(--circle-l-top-cnr), var(--red-40), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--red-40), var(--shape-md)), var(--image-overlay-dark-left-center-neutral); --image-overlay-dark-right-center-red: radial-gradient(var(--circle-r-btm-cnr), var(--red-40), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--red-40), var(--shape-md)), var(--image-overlay-dark-right-center-neutral); --image-overlay-dark-center-center-orange: radial-gradient(var(--circle-l-btm-cnr), var(--orange-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--orange-40), var(--shape-sm)), var(--image-overlay-dark-center-center-neutral); --image-overlay-dark-left-center-orange: radial-gradient(var(--circle-l-top-cnr), var(--orange-40), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--orange-40), var(--shape-md)), var(--image-overlay-dark-left-center-neutral); --image-overlay-dark-right-center-orange: radial-gradient(var(--circle-r-btm-cnr), var(--orange-40), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--orange-40), var(--shape-md)), var(--image-overlay-dark-right-center-neutral); --image-overlay-dark-center-center-yellow: radial-gradient(var(--circle-l-btm-cnr), var(--yellow-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--yellow-40), var(--shape-sm)), var(--image-overlay-dark-center-center-neutral); --image-overlay-dark-left-center-yellow: radial-gradient(var(--circle-l-top-cnr), var(--yellow-40), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--yellow-40), var(--shape-md)), var(--image-overlay-dark-left-center-neutral); --image-overlay-dark-right-center-yellow: radial-gradient(var(--circle-r-btm-cnr), var(--yellow-40), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--yellow-40), var(--shape-md)), var(--image-overlay-dark-right-center-neutral); --image-overlay-dark-center-center-green: radial-gradient(var(--circle-l-btm-cnr), var(--green-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--green-40), var(--shape-sm)), var(--image-overlay-dark-center-center-neutral); --image-overlay-dark-left-center-green: radial-gradient(var(--circle-l-top-cnr), var(--green-40), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--green-40), var(--shape-md)), var(--image-overlay-dark-left-center-neutral); --image-overlay-dark-right-center-green: radial-gradient(var(--circle-r-btm-cnr), var(--green-40), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--green-40), var(--shape-md)), var(--image-overlay-dark-right-center-neutral); --image-overlay-dark-center-center-blue: radial-gradient(var(--circle-l-btm-cnr), var(--blue-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--blue-40), var(--shape-sm)), var(--image-overlay-dark-center-center-neutral); --image-overlay-dark-left-center-blue: radial-gradient(var(--circle-l-top-cnr), var(--blue-40), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--blue-40), var(--shape-md)), var(--image-overlay-dark-left-center-neutral); --image-overlay-dark-right-center-blue: radial-gradient(var(--circle-r-btm-cnr), var(--blue-40), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--blue-40), var(--shape-md)), var(--image-overlay-dark-right-center-neutral); --image-overlay-dark-center-center-cool-blue: radial-gradient(var(--circle-l-btm-cnr), var(--cool-blue-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--cool-blue-40), var(--shape-sm)), var(--image-overlay-dark-center-center-neutral); --image-overlay-dark-left-center-cool-blue: radial-gradient(var(--circle-l-top-cnr), var(--cool-blue-40), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--cool-blue-40), var(--shape-md)), var(--image-overlay-dark-left-center-neutral); --image-overlay-dark-right-center-cool-blue: radial-gradient(var(--circle-r-btm-cnr), var(--cool-blue-40), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--cool-blue-40), var(--shape-md)), var(--image-overlay-dark-right-center-neutral); --image-overlay-dark-center-center-purple: radial-gradient(var(--circle-l-btm-cnr), var(--purple-40), var(--shape-sm)), radial-gradient(var(--circle-r-top-cnr), var(--purple-40), var(--shape-sm)), var(--image-overlay-dark-center-center-neutral); --image-overlay-dark-left-center-purple: radial-gradient(var(--circle-l-top-cnr), var(--purple-40), var(--shape-sm)), radial-gradient(var(--circle-r-btm-cnr), var(--purple-40), var(--shape-md)), var(--image-overlay-dark-left-center-neutral); --image-overlay-dark-right-center-purple: radial-gradient(var(--circle-r-btm-cnr), var(--purple-40), var(--shape-sm)), radial-gradient(var(--circle-l-top-cnr), var(--purple-40), var(--shape-md)), var(--image-overlay-dark-right-center-neutral); --base-bg-overlay-dark: linear-gradient(to top, var(--gray-dp) 0%, var(--shape-xl)), linear-gradient(to bottom, var(--gray-dp) 0%, var(--shape-xl)); --bg-overlay-dark-gray: var(--base-bg-overlay-dark), radial-gradient(var(--bg-overlay-shape), var(--gray-60), var(--shape-xl)); --bg-overlay-dark-red: var(--base-bg-overlay-dark), radial-gradient(var(--bg-overlay-shape), var(--red-60), var(--shape-xl)); --bg-overlay-dark-orange: var(--base-bg-overlay-dark), radial-gradient(var(--bg-overlay-shape), var(--orange-60), var(--shape-xl)); --bg-overlay-dark-yellow: var(--base-bg-overlay-dark), radial-gradient(var(--bg-overlay-shape), var(--yellow-60), var(--shape-xl)); --bg-overlay-dark-green: var(--base-bg-overlay-dark), radial-gradient(var(--bg-overlay-shape), var(--green-50), var(--shape-xl)); --bg-overlay-dark-cool-blue: var(--base-bg-overlay-dark), radial-gradient(var(--bg-overlay-shape), var(--cool-blue-60), var(--shape-xl)); --bg-overlay-dark-blue: var(--base-bg-overlay-dark), radial-gradient(var(--bg-overlay-shape), var(--blue-60), var(--shape-xl)); --bg-overlay-dark-purple: var(--base-bg-overlay-dark), radial-gradient(var(--bg-overlay-shape), var(--purple-60), var(--shape-xl)); --bg-overlay-dark-center-center-gray: radial-gradient(var(--bg-overlay-shape), var(--gray-30), var(--shape-xl)); --bg-overlay-dark-center-center-red: radial-gradient(var(--bg-overlay-shape), var(--red-60), var(--shape-xl)); --bg-overlay-dark-center-center-orange: radial-gradient(var(--bg-overlay-shape), var(--orange-60), var(--shape-xl)); --bg-overlay-dark-center-center-yellow: radial-gradient(var(--bg-overlay-shape), var(--yellow-60), var(--shape-xl)); --bg-overlay-dark-center-center-green: radial-gradient(var(--bg-overlay-shape), var(--green-dk-60), var(--shape-xl)); --bg-overlay-dark-center-center-cool-blue: radial-gradient(var(--bg-overlay-shape), var(--cool-blue-60), var(--shape-xl)); --bg-overlay-dark-center-center-blue: radial-gradient(var(--bg-overlay-shape), var(--blue-60), var(--shape-xl)); --bg-overlay-dark-center-center-purple: radial-gradient(var(--bg-overlay-shape), var(--purple-60), var(--shape-xl)); --neutral-light-color: var(--off-white-50); --neutral-image-overlay-light-left: linear-gradient(to right, var(--neutral-light-color) 0%, var(--shape-xl)); --neutral-image-overlay-light-right: linear-gradient(to left, var(--neutral-light-color) 0%, var(--shape-xl)); --neutral-image-overlay-light-center: radial-gradient(var(--ellipse-ctr), var(--neutral-light-color) 0%, var(--shape-xl3)); --neutral-image-overlay-light-full: radial-gradient(var(--ellipse-ctr), var(--neutral-light-color) 0%, var(--shape-xl4)); --neutral-image-overlay-light-top: radial-gradient(var(--circle-l-ctr), var(--neutral-light-color) 0%, var(--shape-sm)), linear-gradient(to bottom, var(--neutral-light-color) 0%, var(--shape-lg)), linear-gradient(to bottom, var(--neutral-light-color) 0%, var(--shape-xl)); --neutral-image-overlay-light-bottom: linear-gradient(to top, var(--neutral-light-color) 0%, var(--shape-lg)), linear-gradient(to top, var(--neutral-light-color) 0%, var(--shape-xl)); --image-overlay-light-left-center-neutral: var(--neutral-image-overlay-light-left), var(--neutral-image-overlay-light-center), radial-gradient(var(--circle-l-top), var(--neutral-light-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-l-ctr), var(--neutral-light-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-l-btm), var(--neutral-light-color) 0%, var(--shape-lg)); --image-overlay-light-left-top-neutral: var(--neutral-image-overlay-light-left), var(--neutral-image-overlay-light-top), radial-gradient(var(--circle-l-top), var(--neutral-light-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-l-ctr), var(--neutral-light-color) 0%, var(--shape-xl)); --image-overlay-light-left-bottom-neutral: var(--neutral-image-overlay-light-left), var(--neutral-image-overlay-light-bottom), radial-gradient(var(--ellipse-l-ctr), var(--neutral-light-color) 0%, var(--shape-xl)), radial-gradient(var(--ellipse-l-btm), var(--neutral-light-color) 0%, var(--shape-xl)); --image-overlay-light-right-center-neutral: var(--neutral-image-overlay-light-right), radial-gradient(var(--circle-r-top), var(--neutral-light-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-ctr), var(--neutral-light-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-r-btm), var(--neutral-light-color) 0%, var(--shape-lg)); --image-overlay-light-right-top-neutral: var(--neutral-image-overlay-light-right), var(--neutral-image-overlay-light-top), radial-gradient(var(--circle-r-top), var(--neutral-light-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-ctr), var(--neutral-light-color) 0%, var(--shape-xl)); --image-overlay-light-right-bottom-neutral: var(--neutral-image-overlay-light-right), var(--neutral-image-overlay-light-bottom), radial-gradient(var(--circle-r-ctr), var(--neutral-light-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-r-btm), var(--neutral-light-color) 0%, var(--shape-lg)); --image-overlay-light-center-center-neutral: var(--neutral-image-overlay-light-center), radial-gradient(var(--circle-l-ctr), var(--neutral-light-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-ctr), var(--neutral-light-color) 0%, var(--shape-xl)), radial-gradient(var(--circle-r-ctr), var(--neutral-light-color) 0%, var(--shape-lg)); --image-overlay-light-center-top-neutral: var(--neutral-image-overlay-light-center), var(--neutral-image-overlay-light-top), radial-gradient(var(--circle-l-top), var(--neutral-light-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-ctr-top), var(--neutral-light-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-top), var(--neutral-light-color) 0%, var(--shape-lg)); --image-overlay-light-center-bottom-neutral: var(--neutral-image-overlay-light-center), var(--neutral-image-overlay-light-bottom), radial-gradient(var(--circle-l-btm), var(--neutral-light-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-ctr-btm), var(--neutral-light-color) 0%, var(--shape-lg)), radial-gradient(var(--circle-r-btm), var(--neutral-light-color) 0%, var(--shape-lg)); --image-overlay-light-full-center-neutral: var(--neutral-image-overlay-light-full), var(--neutral-image-overlay-light-top), var(--neutral-image-overlay-light-bottom), var(--neutral-image-overlay-light-left), var(--neutral-image-overlay-light-right) } @media screen and (max-width:500px) { :root { --bg-overlay-shape: var(--circle-ctr); --circle-l-ctr: circle at 50% 20%; --circle-r-ctr: circle at 50% 80%; --image-overlay-center-center: radial-gradient(var(--circle-l-ctr), var(--neutral-color) 15%, var(--shape-lg)), radial-gradient(var(--circle-ctr), var(--neutral-color), var(--shape-xl2)), radial-gradient(var(--circle-r-ctr), var(--neutral-color) 15%, var(--shape-lg)) } } :root { --text-shadow: 0 0 1px var(--bg-color), 0 0 2px var(--bg-color), 0 0 4px var(--bg-color), 0 0 40px var(--bg-color), 0 0 40px var(--bg-color); --text-shadow-dark-mode: 0 0 1px var(--gray-dp), 0 0 2px var(--gray-dp), 0 0 4px var(--gray-dp), 0 0 40px var(--gray-dp), 0 0 40px var(--gray-dp); --shadow-tight: 2px 2px 2px var(--shadow-color); --shadow-close: 0 var(--spc-xs2-h) var(--spc-xs2-w) var(--shadow-color); --shadow-med: 0 var(--spc-xs-h) var(--spc-md-w) var(--shadow-color); --shadow-far: 0 var(--spc-xs-h) var(--spc-lg-w) var(--shadow-color); --shadow-tight-accent-color: 2px 2px 2px var(--accent-color-30); --shadow-close-accent-color: 0 var(--spc-xs2-h) var(--spc-xs2-w) var(--accent-color-30); --shadow-med-accent-color: 0 var(--spc-xs-h) var(--spc-sm-w) var(--accent-color-30); --shadow-far-accent-color: 0 var(--spc-xs-h) var(--spc-lg-w) var(--accent-color-30); --shadow-full: var(--shadow-tight), var(--shadow-close), var(--shadow-far); --shadow-full-inset: inset var(--shadow-tight), inset var(--shadow-close), inset var(--shadow-med); --shadow-close-inset: inset var(--shadow-tight), inset var(--shadow-close); --shadow-tight-inset: inset var(--shadow-tight); --highlight-tight: -1px -1px 2px var(--bg-color-40); --highlight-close: -4px -4px 6px var(--bg-color-20); --highlight-med: -10px -8px 8px var(--bg-color-20); --highlight-far: -19px -22px 24px var(--bg-color-60); --highlight-full: var(--highlight-tight), var(--highlight-close), var(--highlight-med), var(--highlight-far); --highlight-full-inset: inset var(--highlight-tight), inset var(--highlight-tight), inset var(--highlight-close), inset var(--highlight-med); --highlight-close-inset: inset var(--highlight-tight), inset var(--highlight-close); --highlight-tight-inset: inset var(--highlight-tight); --highlight-dark-mode: -2px -2px 2px var(--gray-10), -4px -4px 4px var(--gray-10), -8px -8px 8px var(--gray-10); --neumorph: var(--highlight-full), var(--shadow-full); --neumorph-inset: var(--highlight-full-inset), var(--shadow-full-inset); --neumorph-close: var(--highlight-tight), var(--highlight-close), var(--shadow-tight), var(--shadow-close); --neumorph-med: var(--highlight-tight), var(--highlight-close), var(--highlight-med), var(--highlight-far), var(--shadow-tight), var(--shadow-close), var(--shadow-far); --neumorph-med-dk: var(--highlight-dark-mode), var(--shadow-tight), var(--shadow-close), var(--shadow-med), var(--shadow-far); --neumorph-close-inset: var(--highlight-close-inset), var(--shadow-close-inset); --neumorph-tight: var(--highlight-tight), var(--shadow-tight); --neumorph-tight-inset: var(--highlight-tight-inset), var(--shadow-tight-inset); --glow: 0px 0px 36px var(--bg-color-50), 20px 0px 36px var(--bg-color-50), -20px 0px 36px var(--bg-color-50), 0px 0px 36px var(--bg-color-50), 40px 0px 36px var(--bg-color-50), -40px 0px 36px var(--bg-color-50), 0px 0px 36px var(--bg-color-50), 60px 0px 36px var(--bg-color-50), -60px 0px 36px var(--bg-color-50); --inner-glow: inset 0 0 calc(var(--border-size) * 2) var(--glow-color); --inner-shadow: inset 0 0 calc(var(--border-size) * 4) var(--gray-lt-10); font-size: clamp(9px, 1.5vmin, 10px); --base: 1rem; --mult: 1.5; --multiplier: 0.833334; --xs4: calc(var(--base) * 0.2); --xs3: calc(var(--base) * 0.3); --xs2: calc(var(--base) * 0.4); --xs: calc(var(--base) * 0.6); --sm: calc(var(--base) * 0.9); --std: calc(var(--base) * 1.4); --md: calc(var(--base) * 1.6); --lg: calc(var(--base) * 2.4); --xl: calc(var(--base) * 3.6); --xl2: calc(var(--base) * 4.8); --xl3: calc(var(--base) * 6); --xl4: calc(var(--base) * 7.2); --xl5: calc(var(--base) * 8.4); --xl6: calc(var(--base) * 9.6); --xl7: calc(var(--base) * 10.8); --xl8: calc(var(--base) * 12); --xl9: calc(var(--base) * 13.2); --xl10: calc(var(--base) * 36); --line-ht: 1.45em; --h1-size-min: 42px; --h1-size: clamp(var(--h1-size-min), 8vw, 72px); --h2-size: clamp(28px, 4vw, calc(var(--h1-size-min) * 1.3)); --h3-size: clamp(24px, 5vw, 30px); --h4-size: clamp(21px, 4vw, 24px); --h5-size: clamp(18px, 3vw, 21px); --h6-size: clamp(16px, 2vw, 18px); --h1-mar: var(--spc-xl-h) 0; --h2-mar: calc(var(--spc-lg-h) * var(--multiplier)) 0; --h3-mar: var(--spc-md-h) 0; --h4-mar: calc(var(--spc-md-h) * var(--multiplier)) 0; --h5-mar: var(--spc-sm-h) 0; --h6-mar: var(--spc-sm-h) 0; --condensed-font-bold: var(--link-font); --footnote-font: var(--condensed-font); --spc-xs2-h: clamp(var(--xs4), 1vh, var(--xs2)); --spc-xs2-w: clamp(var(--xs4), 1vw, var(--xs2)); --spc-xs2: var(--spc-xs2-h) var(--spc-xs2-w); --spc-xs-h: clamp(var(--xs2), 2vh, var(--sm)); --spc-xs-w: clamp(var(--xs2), 2vw, var(--sm)); --spc-xs: var(--spc-xs-h) var(--spc-xs-w); --spc-sm-h: clamp(var(--sm), 2vh, var(--md)); --spc-sm-w: clamp(var(--sm), 2vw, var(--md)); --spc-sm: var(--spc-sm-h) var(--spc-sm-w); --spc-md-h: clamp(var(--md), 3vh, var(--lg)); --spc-md-w: clamp(var(--md), 3vw, var(--lg)); --spc-md: var(--spc-md-h) var(--spc-md-w); --spc-lg-h: clamp(var(--lg), 4vh, var(--xl)); --spc-lg-w: clamp(var(--lg), 4vw, var(--xl)); --spc-lg: var(--spc-lg-h) var(--spc-lg-w); --spc-xl-h: clamp(var(--xl), 5vh, var(--xl3)); --spc-xl-w: clamp(var(--xl), 5vw, var(--xl3)); --spc-xl: var(--spc-xl-h) var(--spc-xl-w); --spc-xl2-h: clamp(var(--xl2), 8vh, var(--xl8)); --spc-xl2-w: clamp(var(--xl2), 8vw, var(--xl8)); --spc-xl2: var(--spc-xl2-h) var(--spc-xl2-w); --spc-xl3-h: clamp(var(--xl3), 12vh, var(--xl9)); --spc-xl3-w: clamp(var(--xl3), 12vw, var(--xl9)); --spc-xl3: var(--spc-xl3-h) var(--spc-xl3-w); --spc-xl4-h: clamp(var(--xl4), 20vh, var(--xl10)); --spc-xl4-w: clamp(var(--xl4), 20vw, var(--xl10)); --spc-xl4: var(--spc-xl4-h) var(--spc-xl4-w); --rnd-sm: var(--spc-xs-w); --rnd-md: calc(var(--spc-md-w) * 0.7); --rnd-lg: calc(var(--spc-lg-w) * 0.6); --rnd-xl: var(--spc-xl-w); --util-menu-ht: clamp(40px, 5vh, 50px); --header-main-bar-ht: clamp(80px, 30vh, 90px); --menu-gap: var(--spc-md-w); --header-ht: calc(var(--util-menu-ht) + var(--header-main-bar-ht)); --nav-ht: var(--body-ht); --nav-width: 200px; --mobile-nav-ht: 52px; --content-width: 1300px; --body-ht: calc(100vh - var(--header-ht) * 2); --img-width: clamp(400px, 50vw, 700px); --border-size: 2px; --standard-page-width: 1300px } @media screen and (max-width:900px) { :root { --header-ht: var(--header-main-bar-ht) } } @media screen and (max-width:320px) { :root { --h1-size-min: 36px } } :root { --grid-min: var(--spc-sm-w); --grid-auto: repeat(auto-fit, minmax(var(--grid-min), auto)); --grid-even: repeat(auto-fit, minmax(var(--grid-min), 1fr)); --grid-1: repeat(1, minmax(var(--grid-min), 1fr)); --grid-1-even: var(--grid-1); --grid-2: repeat(2, minmax(var(--grid-min), 1fr)); --grid-2-even: var(--grid-2); --grid-3: repeat(3, minmax(var(--grid-min), 1fr)); --grid-3-even: var(--grid-3); --grid-4: repeat(4, minmax(var(--grid-min), 1fr)); --grid-4-even: var(--grid-4); --grid-5: repeat(5, minmax(var(--grid-min), 1fr)); --grid-5-even: var(--grid-5); --grid-6: repeat(6, minmax(var(--grid-min), 1fr)); --grid-6-even: var(--grid-6); --grid-7: repeat(7, minmax(var(--grid-min), 1fr)); --grid-7-even: var(--grid-7); --grid-8: repeat(8, minmax(var(--grid-min), 1fr)); --grid-8-even: var(--grid-8); --grid-9: repeat(9, minmax(var(--grid-min), 1fr)); --grid-9-even: var(--grid-9); --grid-10: repeat(10, minmax(var(--grid-min), 1fr)); --grid-10-even: var(--grid-10); --grid-11: repeat(11, minmax(var(--grid-min), 1fr)); --grid-11-even: var(--grid-11); --grid-12: repeat(12, minmax(var(--grid-min), 1fr)); --grid-12-even: var(--grid-12); --grid-1-auto: repeat(1, minmax(var(--grid-min), auto)); --grid-2-auto: repeat(2, minmax(var(--grid-min), auto)); --grid-3-auto: repeat(3, minmax(var(--grid-min), auto)); --grid-4-auto: repeat(4, minmax(var(--grid-min), auto)); --grid-5-auto: repeat(5, minmax(var(--grid-min), auto)); --grid-6-auto: repeat(6, minmax(var(--grid-min), auto)); --grid-7-auto: repeat(7, minmax(var(--grid-min), auto)); --grid-8-auto: repeat(8, minmax(var(--grid-min), auto)); --grid-9-auto: repeat(9, minmax(var(--grid-min), auto)); --grid-10-auto: repeat(10, minmax(var(--grid-min), auto)); --grid-11-auto: repeat(11, minmax(var(--grid-min), auto)); --grid-12-auto: repeat(12, minmax(var(--grid-min), auto)); --gap-xs: var(--spc-xs-w); --gap-sm: var(--spc-sm-w); --gap-md: var(--spc-md-w); --gap-lg: var(--spc-lg-w); --gap-xl: var(--spc-xl-w); --chat-button-margins: var(--spc-xs-h); --eswIconFillColor: #fff !important; --eswIconFontSize: 16px !important; --eswButtonBottom: var(--chat-button-margins) !important; --eswButtonRight: var(--chat-button-margins) !important; --eswHeaderColor: var(--purple) !important; --eswSecondaryColor: var(--purple) !important } :not(input, select, textarea):focus-visible, input[type=checkbox]:focus-visible, input[type=radio]:focus-visible { border-radius: var(--rnd-sm); outline: var(--outline) !important; border: var(--outline) !important } .link, .link:visited { cursor: pointer; color: var(--accent-color); font-family: var(--link-font) } body, html { background-color: var(--bg-color); color: var(--fg-color); font-size: var(--md); font-family: var(--main-font); letter-spacing: .05em; scroll-behavior: smooth } main { overflow: hidden; margin-top: calc(var(--header-ht)) } .bold, strong { font-family: var(--main-font-bold) } a:not(.no-bold), a:not(.no-bold):visited { font-family: var(--main-font-bold); color: var(--accent-color) } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: var(--headline-font); color: var(--fg-color); letter-spacing: .02em; line-height: var(--line-ht); max-width: calc(var(--content-width) * .7) } .btn, button { font-family: var(--headline-font-md); letter-spacing: .02em } .h1, h1 { font-size: var(--h1-size); margin: var(--h1-mar) } .h2, h2 { font-size: var(--h2-size); margin: var(--h2-mar) } .h3, h3 { font-size: var(--h3-size); margin: var(--h3-mar) } .h4, h4 { font-size: var(--h4-size); margin: var(--h4-mar) } .h5, h5 { font-size: var(--h5-size); margin: var(--h5-mar) } .h6, h6 { font-size: var(--h6-size); margin: var(--h6-mar) } :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6)>:is(strong) { font-family: var(--headline-font-bold) } .p, p { font-family: var(--main-font); margin: calc(var(--spc-md-h) * var(--multiplier)) 0; line-height: var(--line-ht); font-size: var(--md) } blockquote, div, label, li, option, p, select, ul { color: var(--fg-color) } li { margin: var(--spc-xs-h) 0 } dfn { text-wrap: nowrap } img { object-fit: contain; border-radius: var(--rnd-sm) } hr { --border-size: 1px; border: var(--border-size) solid var(--border-color) } .dark-mode a { color: var(--accent-color-dark-mode) } figcaption { font: var(--std) var(--footnote-font); padding: var(--std); padding-bottom: 0 } figure table { width: 100% } blockquote { border-left: 5px solid #f0f2f4; font-style: italic; margin-left: 0; margin-right: 0; overflow: hidden; padding-left: 1.5em; padding-right: 1.5em } .grecaptcha-badge { display: none; visibility: hidden; opacity: 0 } .footnote, .footnote>p { font-size: 1.2rem; line-height: calc(var(--line-ht) * .8) } .footnote>p { margin: var(--spc-sm-h) 0 } .error, .warning { font-family: var(--main-font-bold); padding: var(--spc-xs); border-radius: var(--rnd-sm) } .error { color: var(--error-color); background-color: var(--error-bg-color) } .warning { color: var(--warning-color); background-color: var(--warning-bg-color) } .lexicon-term { font-family: var(--lexicon-font); color: var(--term-color); cursor: s-resize; position: relative; font-style: normal; white-space: normal; word-wrap: break-word; text-shadow: var(--text-shadow); z-index: 99 } .lexicon-term:hover { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } .dark-mode .lexicon-term { color: var(--term-color-dark-mode); text-shadow: var(--text-shadow-dark-mode) } .lexicon-popup { color: var(--bg-color); font-size: smaller; background-color: var(--fg-color); border: var(--solid) var(--term-color); border-radius: var(--rnd-sm); box-shadow: var(--shadow-full); transition: opacity .3s var(--bezier), padding .3s var(--bezier); height: auto; visibility: hidden; opacity: 0; transform: translateY(0); width: auto; max-width: 500px; word-wrap: break-word; z-index: 100 } .lexicon-popup>:is(p, span) { color: var(--bg-color); font-size: 1.3rem; line-height: 1.3em; padding: 0; margin: 0 } ::placeholder { color: var(--fg-color); font-family: var(--main-font); transition: var(--fade) } :focus::placeholder { color: var(--fg-color-30) } @media only screen and (min-width:1025px) { .link:not(.no-underline):hover, a:not(.no-underline):hover { text-decoration: underline } } .popup-overlay { background: var(--bg-color-50) } [data-popup=tooltip].popup-overlay { background: transparent } .popup-content { --popup-min: 200px; --popup-size: 50vw; --popup-max: 500px; width: clamp(var(--popup-min), var(--popup-size), var(--popup-max)); background-color: var(--fg-color); color: var(--bg-color); padding: var(--spc-xs); border-radius: var(--rnd-sm); box-shadow: var(--shadow-full); animation: anvil .2s cubic-bezier(.38, .1, .36, .9) forwards } .popup-content :is(div, p, span, h1, h2, h3, h4, h5, h6) { font-size: 1.4rem; color: var(--bg-color) } .popup-content :is(.footnote) { font-size: 1.2rem; color: var(--bg-color) } .auto-popup-content { --popup-min: auto; --popup-size: auto; --popup-max: auto } .xs-popup-content { --popup-size: 20vw; --popup-max: 200px } .sm-popup-content { --popup-size: 30vw; --popup-max: 300px } .md-popup-content { --popup-size: 40vw; --popup-max: 400px } .lg-popup-content { --popup-size: 50vw; --popup-max: 500px } .xl-popup-content { --popup-size: 60vw; --popup-max: 600px } .xl2-popup-content { --popup-size: 70vw; --popup-max: 800px } .popup-arrow { color: var(--fg-color) } @keyframes anvil { 0% { transform: scale(1) translateY(0); opacity: 0; box-shadow: 0 0 0 hsla(0, 0%, 95%, 0) } 1% { transform: scale(.96) translateY(10px); opacity: 0; box-shadow: 0 0 0 hsla(0, 0%, 95%, 0) } to { transform: scale(1) translateY(0); opacity: 1; box-shadow: 0 0 500px hsla(0, 0%, 95%, 0) } } @media screen and (min-width:800px) { .popup-content.mobile-only-content { display: none; visibility: hidden } } @media screen and (max-width:500px) { .lg-popup-content, .popup-content { --popup-min: 200px; --popup-size: 50vw; --popup-max: 300px } } .swiper { --swiper-theme-color: var(--fg-color); --swiper-nav-bar-height: clamp(50px, 6vh, 60px); --swiper-margin-top: 0; --swiper-margin-left: 0; --swiper-margin-right: 0; --swiper-margin-bottom: var(--swiper-navigation-height); --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: calc((var(--swiper-nav-bar-height) - var(--swiper-pagination-bullet-active-size)) / 2); --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, .25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-active-size: var(--spc-md-w); --swiper-pagination-bullet-active-width: var(--swiper-pagination-bullet-active-size); --swiper-pagination-bullet-active-height: var(--swiper-pagination-bullet-active-size); --swiper-pagination-bullet-inactive-size: var(--spc-sm-w); --swiper-pagination-bullet-inactive-width: var(--swiper-pagination-bullet-inactive-size); --swiper-pagination-bullet-inactive-height: var(--swiper-pagination-bullet-inactive-size); --swiper-pagination-bullet-border-radius: 100%; --swiper-pagination-bullet-active-color: var(--swiper-theme-color); --swiper-pagination-bullet-inactive-color: var(--fg-color-30); --swiper-pagination-bullet-horizontal-gap: clamp(3px, 1vw, 6px); --swiper-pagination-bullet-vertical-gap: var(--spc-xs-w); --swiper-navigation-height: var(--swiper-navigation-button-size); --swiper-navigation-button-size: calc(var(--spc-lg-w) * 1.2); --swiper-navigation-bottom-offset: calc(var(--swiper-navigation-button-size) * -1); --swiper-navigation-sides-offset: calc(50% - (var(--swiper-navigation-button-size) * 2)); --swiper-navigation-filter: var(--icon-filter); --swiper-navigation-button-disabled-opacity: 0.3; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; margin: var(--swiper-margin-top) var(--swiper-margin-right) var(--swiper-margin-bottom) var(--swiper-margin-left); z-index: 1; display: block } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0) } .swiper-horizontal { container-type: inline-size; touch-action: pan-y; overflow-y: visible } .swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; opacity: 1; transition: var(--fade) } .swiper-slide-next, .swiper-slide-prev { opacity: .35 } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-css-mode.swiper-horizontal>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-css-mode.swiper-vertical>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-css-mode.swiper-free-mode>.swiper-wrapper { scroll-snap-type: none } .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: none } .swiper-css-mode.swiper-centered>.swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999 } .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top: 4px solid transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s linear infinite } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .swiper-button-next, .swiper-button-prev { position: absolute; bottom: var(--swiper-navigation-bottom-offset); width: var(--swiper-navigation-button-size); height: var(--swiper-navigation-button-size); margin-top: calc(0px - (var(--swiper-navigation-button-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; filter: var(--swiper-navigation-filter); background-color: transparent; transition: var(--fade); object-fit: contain; transform-origin: center } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: var(--swiper-navigation-button-disabled-opacity); cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important } .swiper-button-prev { background-image: url(/icons/svg/circle-arrow-left.svg) } .swiper-button-next { background-image: url(/icons/svg/circle-arrow-right.svg) } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center } .swiper-rtl .swiper-button-next, .swiper-rtl .swiper-button-prev { transform: rotate(180deg) } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 5%); right: auto } @media screen and (max-width:800px) { .swiper-button-next, .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-rtl .swiper-button-prev { display: none } } .swiper-button-lock { display: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-button-size); text-transform: none !important; letter-spacing: 0; font-variant: normal; line-height: 1 } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; visibility: hidden } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 5%); left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; visibility: hidden } .swiper-pagination { display: flex; align-items: center; position: absolute; text-align: center; transition: opacity .3s; transform: translateZ(0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 50%; translate: -50% 0; width: auto } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-inactive-size, 4px); height: var(--swiper-pagination-bullet-inactive-size, 4px); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background-color: var(--swiper-pagination-bullet-inactive-color); transition: var(--fade); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { width: var(--swiper-pagination-bullet-active-size, 8px); height: var(--swiper-pagination-bullet-active-size, 8px); background-color: var(--swiper-pagination-bullet-active-color) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25)); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .map-marker { transition: var(--fade); transform: unset } .map-marker.selected { transform: scale(2); translate: 0 -25% } .home-map-marker { animation: pulse 4s var(--bezier) infinite; translate: 0 50% } @keyframes pulse { 0% { transform: scale(1) } 20% { transform: scale(1) } 50% { transform: scale(1.35) } 80% { transform: scale(1) } to { transform: scale(1) } } .gm-style { font-family: var(--main-font) } .gm-style .gm-style-iw-c { padding: var(--spc-sm-h) var(--spc-md-w) !important; max-height: unset !important; overflow: hidden !important } .gm-style .gm-style-iw-c, .gm-style .gm-style-iw-tc:after { max-width: 240px !important; background: var(--bg-color-70) !important; -webkit-backdrop-filter: var(--blur-sm); backdrop-filter: var(--blur-sm); color: var(--fg-color) !important; border-radius: var(--rnd-sm) !important } .gm-style .gm-style-iw-d { font-family: var(--main-font) !important; max-height: unset !important; overflow: hidden !important } .info-window-label { margin-bottom: 0 !important } .gm-title, .info-window-title { color: var(--fg-color) !important; background-color: transparent !important; margin-top: 0 !important; font-family: var(--main-font-bold) !important } .gm-style .gm-style-iw-d p { margin: var(--spc-xs-h) 0 !important } .gm-full-width, .poi-info-window *, .transit-container, .transit-container * { color: var(--fg-color) !important; background-color: transparent !important } button.gm-ui-hover-effect { --size: var(--spc-md-w); --offset: calc((var(--size) / 4) * -1); background-color: var(--white) !important; border-radius: 100%; top: var(--offset) !important; right: var(--offset) !important; width: var(--size) !important; height: var(--size) !important } button.gm-ui-hover-effect>span { margin: 0 !important; width: var(--size) !important; height: var(--size) !important } .yNHHyP-marker-view:has(.z-index-90) { z-index: 90 } .yNHHyP-marker-view:has(.z-index-91) { z-index: 91 } .yNHHyP-marker-view:has(.z-index-92) { z-index: 92 } .yNHHyP-marker-view:has(.z-index-93) { z-index: 93 } .yNHHyP-marker-view:has(.z-index-94) { z-index: 94 } .yNHHyP-marker-view:has(.z-index-95) { z-index: 95 } .yNHHyP-marker-view:has(.z-index-96) { z-index: 96 } .yNHHyP-marker-view:has(.z-index-97) { z-index: 97 } .yNHHyP-marker-view:has(.z-index-98) { z-index: 98 } .yNHHyP-marker-view:has(.selected), .yNHHyP-marker-view:has(.z-index-99) { z-index: 99 } .heavy:is(a, p, span) { font-family: var(--main-font-heavy) } .heavy:is(h1, h2, h3, h4, h5, h6) { font-family: var(--headline-font-heavy) } .bold:is(a, p, .p, span), .bold>:is(a, p, .p, span) { font-family: var(--main-font-bold) } .bold:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):not(.p) { font-family: var(--headline-font-bold) } .semi-bold:is(a, p, span) { font-family: var(--main-font-500) } .medium:is(h1, h2, h3, h4, h5, h6) { font-family: var(--headline-font-md) } .underline { padding-bottom: 4px; border-bottom: var(--border) } .inline { display: inline } .inline-block { display: inline-block } .inline-flex { display: inline-flex } .inline-grid { display: inline-grid } .hidden, .none { display: none; visibility: hidden } .block { display: block } .grid-even { display: grid; grid-template-columns: var(--grid-even) } .grid-auto { display: grid; grid-template-columns: var(--grid-auto) } .grid-1 { display: grid; grid-template-columns: var(--grid-1) } .grid-2 { display: grid; grid-template-columns: var(--grid-2) } .grid-3 { display: grid; grid-template-columns: var(--grid-3) } .grid-4 { display: grid; grid-template-columns: var(--grid-4) } .grid-5 { display: grid; grid-template-columns: var(--grid-5) } .grid-6 { display: grid; grid-template-columns: var(--grid-6) } .grid-7 { display: grid; grid-template-columns: var(--grid-7) } .grid-8 { display: grid; grid-template-columns: var(--grid-8) } .gap-xs { gap: var(--gap-xs) } .gap-sm { gap: var(--gap-sm) } .gap-md { gap: var(--gap-md) } .gap-lg { gap: var(--gap-lg) } .gap-xl { gap: var(--gap-xl) } .headline-bold { font-family: var(--headline-font-bold) } .main-bold { font-family: var(--main-font-bold) } .condensed-bold { font-family: var(--condensed-font-bold) } .center { text-align: center; margin-right: auto } .center, .right { margin-left: auto } .right { text-align: right; margin-right: 0 } .items-left { justify-items: flex-start } .space-between { justify-content: space-between } .capitalize { text-transform: capitalize } .pointer { cursor: pointer } .border { border: var(--border) } .border-top { border-top: var(--border) } .border-rt { border-right: var(--border) } .border-btm { border-bottom: var(--border) } .border-left { border-left: var(--border) } .mar-0 { margin: 0 } .mar-xs { margin: var(--spc-xs) } .mar-sm { margin: var(--spc-sm) } .mar-md { margin: var(--spc-md) } .mar-lg { margin: var(--spc-lg) } .mar-xl { margin: var(--spc-xl) } .mar-xl2 { margin: var(--spc-xl2) } .mar-xl3 { margin: var(--spc-xl3) } .mar-top-0 { margin-top: 0 } .mar-btm-0, .mar-y-0 { margin-bottom: 0 } .mar-y-0 { margin-top: 0 } .mar-y-xs { margin-top: var(--spc-xs-h); margin-bottom: var(--spc-xs-h) } .mar-y-sm { margin-top: var(--spc-sm-h); margin-bottom: var(--spc-sm-h) } .mar-y-md { margin-top: var(--spc-md-h); margin-bottom: var(--spc-md-h) } .mar-y-lg { margin-top: var(--spc-lg-h); margin-bottom: var(--spc-lg-h) } .mar-y-xl { margin-top: var(--spc-xl-h); margin-bottom: var(--spc-xl-h) } .mar-y-xl2 { margin-top: var(--spc-xl2-h); margin-bottom: var(--spc-xl2-h) } .mar-y-xl3 { margin-top: var(--spc-xl3-h); margin-bottom: var(--spc-xl3-h) } .mar-l-xs { margin-left: var(--spc-xs-w) } .mar-l-sm { margin-left: var(--spc-sm-w) } .mar-l-md { margin-left: var(--spc-md-w) } .mar-l-lg { margin-left: var(--spc-lg-w) } .mar-l-xl { margin-left: var(--spc-xl-w) } .mar-l-xl2 { margin-left: var(--spc-xl2-w) } .mar-l-xl3 { margin-left: var(--spc-xl3-w) } .mar-r-xs { margin-right: var(--spc-xs-w) } .mar-r-sm { margin-right: var(--spc-sm-w) } .mar-r-md { margin-right: var(--spc-md-w) } .mar-r-lg { margin-right: var(--spc-lg-w) } .mar-r-xl { margin-right: var(--spc-xl-w) } .mar-r-xl2 { margin-right: var(--spc-xl2-w) } .mar-r-xl3 { margin-right: var(--spc-xl3-w) } .mar-x-0 { margin-left: 0; margin-right: 0 } .mar-x-xs { margin-left: var(--spc-xs-w); margin-right: var(--spc-xs-w) } .mar-x-sm { margin-left: var(--spc-sm-w); margin-right: var(--spc-sm-w) } .mar-x-md { margin-left: var(--spc-md-w); margin-right: var(--spc-md-w) } .mar-x-lg { margin-left: var(--spc-lg-w); margin-right: var(--spc-lg-w) } .mar-x-xl { margin-left: var(--spc-xl-w); margin-right: var(--spc-xl-w) } .mar-x-xl2 { margin-left: var(--spc-xl2-w); margin-right: var(--spc-xl2-w) } .mar-x-xl3 { margin-left: var(--spc-xl3-w); margin-right: var(--spc-xl3-w) } .mar-auto { margin-left: auto; margin-right: auto } .mar-top-xs { margin-top: var(--spc-xs-h) } .mar-btm-xs { margin-bottom: var(--spc-xs-h) } .mar-top-sm { margin-top: var(--spc-sm-h) } .mar-btm-sm { margin-bottom: var(--spc-sm-h) } .mar-top-md { margin-top: var(--spc-md-h) } .mar-btm-md { margin-bottom: var(--spc-md-h) } .mar-top-lg { margin-top: var(--spc-lg-h) } .mar-btm-lg { margin-bottom: var(--spc-lg-h) } .mar-top-xl { margin-top: var(--spc-xl-h) } .mar-btm-xl { margin-bottom: var(--spc-xl-h) } .mar-top-xl2 { margin-top: var(--spc-xl2-h) } .mar-btm-xl2 { margin-bottom: var(--spc-xl2-h) } .mar-top-xl3 { margin-top: var(--spc-xl3-h) } .mar-btm-xl3 { margin-bottom: var(--spc-xl3-h) } .pad-0 { padding: 0 } .pad-xs { padding: var(--spc-xs) } .pad-sm { padding: var(--spc-sm) } .pad-md { padding: var(--spc-md) } .pad-lg { padding: var(--spc-lg) } .pad-xl { padding: var(--spc-xl) } .pad-xl2 { padding: var(--spc-xl2) } .pad-xl3 { padding: var(--spc-xl3) } .pad-top-0 { padding-top: 0 } .pad-btm-0, .pad-y-0 { padding-bottom: 0 } .pad-y-0 { padding-top: 0 } .pad-y-xs { padding-top: var(--spc-xs-h); padding-bottom: var(--spc-xs-h) } .pad-y-sm { padding-top: var(--spc-sm-h); padding-bottom: var(--spc-sm-h) } .pad-y-md { padding-top: var(--spc-md-h); padding-bottom: var(--spc-md-h) } .pad-y-lg { padding-top: var(--spc-lg-h); padding-bottom: var(--spc-lg-h) } .pad-y-xl { padding-top: var(--spc-xl-h); padding-bottom: var(--spc-xl-h) } .pad-y-xl2 { padding-top: var(--spc-xl2-h); padding-bottom: var(--spc-xl2-h) } .pad-y-xl3 { padding-top: var(--spc-xl3-h); padding-bottom: var(--spc-xl3-h) } .pad-x-0 { padding-left: 0; padding-right: 0 } .pad-l-xs { margin-left: var(--spc-xs-w) } .pad-l-sm { margin-left: var(--spc-sm-w) } .pad-l-md { margin-left: var(--spc-md-w) } .pad-l-lg { margin-left: var(--spc-lg-w) } .pad-l-xl { margin-left: var(--spc-xl-w) } .pad-l-xl2 { margin-left: var(--spc-xl2-w) } .pad-l-xl3 { margin-left: var(--spc-xl3-w) } .pad-r-xs { margin-right: var(--spc-xs-w) } .pad-r-sm { margin-right: var(--spc-sm-w) } .pad-r-md { margin-right: var(--spc-md-w) } .pad-r-lg { margin-right: var(--spc-lg-w) } .pad-r-xl { margin-right: var(--spc-xl-w) } .pad-r-xl2 { margin-right: var(--spc-xl2-w) } .pad-r-xl3 { margin-right: var(--spc-xl3-w) } .pad-x-xs { padding-left: var(--spc-xs-w); padding-right: var(--spc-xs-w) } .pad-x-sm { padding-left: var(--spc-sm-w); padding-right: var(--spc-sm-w) } .pad-x-md { padding-left: var(--spc-md-w); padding-right: var(--spc-md-w) } .pad-x-lg { padding-left: var(--spc-lg-w); padding-right: var(--spc-lg-w) } .pad-x-xl { padding-left: var(--spc-xl-w); padding-right: var(--spc-xl-w) } .pad-x-xl2 { padding-left: var(--spc-xl2-w); padding-right: var(--spc-xl2-w) } .pad-x-xl3 { padding-left: var(--spc-xl3-w); padding-right: var(--spc-xl3-w) } .pad-top-xs { padding-top: var(--spc-xs-h) } .pad-btm-xs { padding-bottom: var(--spc-xs-h) } .pad-top-sm { padding-top: var(--spc-sm-h) } .pad-btm-sm { padding-bottom: var(--spc-sm-h) } .pad-top-md { padding-top: var(--spc-md-h) } .pad-btm-md { padding-bottom: var(--spc-md-h) } .pad-top-lg { padding-top: var(--spc-lg-h) } .pad-btm-lg { padding-bottom: var(--spc-lg-h) } .pad-top-xl { padding-top: var(--spc-xl-h) } .pad-btm-xl { padding-bottom: var(--spc-xl-h) } .pad-top-xl2 { padding-top: var(--spc-xl2-h) } .pad-btm-xl2 { padding-bottom: var(--spc-xl2-h) } .pad-top-xl3 { padding-top: var(--spc-xl3-h) } .pad-btm-xl3 { padding-bottom: var(--spc-xl3-h) } .content-width { max-width: var(--content-width); width: 100%; margin-left: auto; margin-right: auto } .full-width { width: 100%; padding-left: 0; padding-right: 0; max-width: unset } .cover { object-fit: cover } .contain { object-fit: contain } .absolute { position: absolute } .relative { position: relative } .hidden-for-seo, .screen-readers-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap } .weight-500 { font-family: var(--main-font-500) } .color-white { color: var(--white) } .markdown h5 { margin-top: var(--spc-xl-h) } .after-dfn :first-child:is(p), .after-dfn :last-child:is(p), .before-dfn :first-child:is(p), .before-dfn :last-child:is(p) { display: inline } .article-body :is(h1, h2, h3) { margin-top: var(--spc-xl-h); margin-bottom: var(--spc-lg-h); font-family: var(--headline-font-bold); font-size: var(--h4-size) } .article-body p:not(.lexicon-popup p) { line-height: 3rem } .article-body img { margin: var(--spc-md-h) 0; max-width: 100%; max-height: 50vh } section.tab-child:only-child { margin-top: 0; margin-bottom: 0 } section.tab-child:first-child { margin-top: 0 } section.tab-child:last-child { margin-bottom: 0 } .largeHeading { font-size: calc(var(--spc-xl2-w) * .8) !important } ::-webkit-scrollbar { background: var(--bg-color); width: var(--spc-xs-w); border-radius: var(--spc-xs-w) } ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb { background: var(--accent-color) } ::-webkit-scrollbar-thumb { border-radius: var(--spc-xs-w) } ::-webkit-scrollbar-track { background: transparent } ::-webkit-scrollbar-track-piece { background-color: transparent } ::-webkit-scrollbar-corner { background: transparent } html { scrollbar-width: thin; scrollbar-color: var(--accent-color) transparent } @media screen and (max-width:900px) { .embeddedMessagingConversationButton, .embeddedMessagingConversationButtonWrapper { display: none !important; visibility: hidden !important; opacity: 0 !important } } .Img_nextImageWrapper__xE0J3 { container-type: inline-size; position: relative; min-width: 100px; width: 100%; overflow: hidden } .Img_nextImageWrapper__xE0J3 img { object-fit: cover } .Img_contain__WR6cN { object-fit: contain; border-radius: 0 } @media screen and (max-width:1000px) { .Img_nextImageWrapper__xE0J3.Img_contain__WR6cN { height: clamp(50px, 30vh, 300px) } } .Logo_logo__8pVF2 { margin: 0; display: flex; place-self: center; width: auto; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: none; border-radius: 0 } .vjs-svg-icon { display: inline-block; background-repeat: no-repeat; background-position: 50%; fill: currentColor; height: 1.8em; width: 1.8em } .vjs-svg-icon:before { content: none !important } .vjs-control:focus .vjs-svg-icon, .vjs-svg-icon:hover { filter: drop-shadow(0 0 .25em #fff) } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button>.vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button>.vjs-icon-placeholder:before { text-align: center } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff"); font-weight: 400; font-style: normal } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before { content: "\f101" } .vjs-icon-play-circle { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-play-circle:before { content: "\f102" } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before { content: "\f103" } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before { content: "\f104" } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before { content: "\f105" } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before { content: "\f106" } .video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before { content: "\f107" } .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before { content: "\f108" } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before { content: "\f109" } .vjs-icon-spinner { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-spinner:before { content: "\f10a" } .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before { content: "\f10b" } .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before { content: "\f10c" } .vjs-icon-hd { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-hd:before { content: "\f10d" } .video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before { content: "\f10e" } .vjs-icon-downloading { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-downloading:before { content: "\f10f" } .vjs-icon-file-download { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-file-download:before { content: "\f110" } .vjs-icon-file-download-done { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-file-download-done:before { content: "\f111" } .vjs-icon-file-download-off { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-file-download-off:before { content: "\f112" } .vjs-icon-share { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-share:before { content: "\f113" } .vjs-icon-cog { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-cog:before { content: "\f114" } .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-square:before { content: "\f115" } .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before { content: "\f116" } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-circle-outline:before { content: "\f117" } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-circle-inner-circle:before { content: "\f118" } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before { content: "\f119" } .vjs-icon-repeat { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-repeat:before { content: "\f11a" } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before { content: "\f11b" } .video-js .vjs-skip-backward-5 .vjs-icon-placeholder, .vjs-icon-replay-5 { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before, .vjs-icon-replay-5:before { content: "\f11c" } .video-js .vjs-skip-backward-10 .vjs-icon-placeholder, .vjs-icon-replay-10 { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before, .vjs-icon-replay-10:before { content: "\f11d" } .video-js .vjs-skip-backward-30 .vjs-icon-placeholder, .vjs-icon-replay-30 { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before, .vjs-icon-replay-30:before { content: "\f11e" } .video-js .vjs-skip-forward-5 .vjs-icon-placeholder, .vjs-icon-forward-5 { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before, .vjs-icon-forward-5:before { content: "\f11f" } .video-js .vjs-skip-forward-10 .vjs-icon-placeholder, .vjs-icon-forward-10 { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before, .vjs-icon-forward-10:before { content: "\f120" } .video-js .vjs-skip-forward-30 .vjs-icon-placeholder, .vjs-icon-forward-30 { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before, .vjs-icon-forward-30:before { content: "\f121" } .video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before { content: "\f122" } .vjs-icon-next-item { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-next-item:before { content: "\f123" } .vjs-icon-previous-item { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-previous-item:before { content: "\f124" } .vjs-icon-shuffle { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-shuffle:before { content: "\f125" } .vjs-icon-cast { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-cast:before { content: "\f126" } .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-enter { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before { content: "\f127" } .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-exit { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-exit:before { content: "\f128" } .vjs-icon-facebook { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-facebook:before { content: "\f129" } .vjs-icon-linkedin { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-linkedin:before { content: "\f12a" } .vjs-icon-twitter { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-twitter:before { content: "\f12b" } .vjs-icon-tumblr { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-tumblr:before { content: "\f12c" } .vjs-icon-pinterest { font-family: VideoJS; font-weight: 400; font-style: normal } .vjs-icon-pinterest:before { content: "\f12d" } .video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description { font-family: VideoJS; font-weight: 400; font-style: normal } .video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before { content: "\f12e" } .video-js { display: inline-block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: normal } .video-js:-moz-full-screen { position: absolute } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important } .video-js[tabindex="-1"] { outline: none } .video-js *, .video-js :after, .video-js :before { box-sizing: inherit } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin: 0 } .video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid { width: 100%; max-width: 100% } .video-js.vjs-1-1:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-fluid:not(.vjs-audio-only-mode) { height: 0 } .video-js.vjs-16-9:not(.vjs-audio-only-mode) { padding-top: 56.25% } .video-js.vjs-4-3:not(.vjs-audio-only-mode) { padding-top: 75% } .video-js.vjs-9-16:not(.vjs-audio-only-mode) { padding-top: 177.7777777778% } .video-js.vjs-1-1:not(.vjs-audio-only-mode) { padding-top: 100% } .video-js .vjs-tech, .video-js.vjs-fill:not(.vjs-audio-only-mode) { width: 100%; height: 100% } .video-js .vjs-tech { position: absolute; top: 0; left: 0 } .video-js.vjs-audio-only-mode .vjs-tech { display: none } body.vjs-full-window, body.vjs-pip-window { padding: 0; margin: 0; height: 100% } .vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0 } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js { width: 100% !important; height: 100% !important; padding-top: 0 !important; display: block } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none } .vjs-pip-container .vjs-pip-text { position: absolute; bottom: 10%; font-size: 2em; background-color: rgba(0, 0, 0, .7); padding: .5em; text-align: center; width: 100% } .vjs-layout-small.vjs-pip-container .vjs-pip-text, .vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text { bottom: 0; font-size: 1.4em } .vjs-hidden { display: none !important } .vjs-disabled { opacity: .5; cursor: default } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px } .vjs-lock-showing { display: block !important; opacity: 1 !important; visibility: visible !important } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0 auto } .vjs-no-js a, .vjs-no-js a:visited { color: #66a8cc } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 50%; left: 50%; padding: 0; margin-top: -.81666em; margin-left: -1.5em; cursor: pointer; opacity: 1; border: .06666em solid #fff; background-color: #2b333f; background-color: rgba(43, 51, 63, .7); border-radius: .3em; transition: all .4s } .vjs-big-play-button .vjs-svg-icon { width: 1em; height: 1em; position: absolute; top: 50%; left: 50%; line-height: 1; transform: translate(-50%, -50%) } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, .5); transition: all 0s } .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button { display: none } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button { display: block } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .video-js.vjs-spatial-navigation-enabled .vjs-button:focus { outline: .0625em solid #fff; box-shadow: none } .vjs-control .vjs-button { width: 100%; height: 100% } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: .5em; z-index: 2 } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, .8); background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0)); overflow: auto } .video-js .vjs-modal-dialog>* { box-sizing: border-box } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1 } .vjs-menu-button { cursor: pointer } .vjs-menu-button.vjs-disabled { cursor: default } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto } .vjs-menu .vjs-menu-content>* { box-sizing: border-box } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none } .vjs-menu li { display: flex; justify-content: center; list-style: none; margin: 0; padding: .2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase } .js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, .5) } .js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2b333f } .js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon, .vjs-menu li.vjs-selected .vjs-svg-icon, .vjs-menu li.vjs-selected:focus .vjs-svg-icon, .vjs-menu li.vjs-selected:hover .vjs-svg-icon { fill: #000 } .js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible), .video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) { background: none } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 .3em; font-weight: 700; cursor: default } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, .7) } .vjs-pip-window .vjs-menu-button-popup .vjs-menu { left: unset; right: 1em } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2b333f; background-color: rgba(43, 51, 63, .7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em } .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu { display: block } .video-js .vjs-menu-button-inline { transition: all .4s; overflow: hidden } .video-js .vjs-menu-button-inline:before { width: 2.222222222em } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover { width: 12em } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all .4s } .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu { display: block; opacity: 1 } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2b333f; background-color: rgba(43, 51, 63, .7) } .video-js.vjs-spatial-navigation-enabled .vjs-control-bar { gap: 1px } .video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing { display: flex !important } .vjs-audio-only-mode .vjs-control-bar, .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility .1s, opacity .1s } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; pointer-events: none; transition: visibility 1s, opacity 1s } .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none !important } .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; pointer-events: auto } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none } .video-js .vjs-control.vjs-visible-text { width: auto; padding-left: 1em; padding-right: 1em } .vjs-button>.vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67 } .vjs-button>.vjs-icon-placeholder { display: block } .vjs-button>.vjs-svg-icon { display: inline-block } .video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before { text-shadow: 0 0 1em #fff } .video-js :not(.vjs-visible-text)>.vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .video-js .vjs-custom-control-spacer { display: none } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none } .video-js .vjs-progress-control.disabled { cursor: default } .vjs-live .vjs-progress-control { display: none } .vjs-liveui .vjs-progress-control { display: flex; align-items: center } .video-js .vjs-progress-holder { flex: auto; transition: all .2s; height: .3em } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em } .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0 } .video-js .vjs-play-progress { background-color: #fff } .video-js .vjs-play-progress:before { font-size: .9em; position: absolute; right: -.5em; line-height: .35em; z-index: 1 } .vjs-svg-icons-enabled .vjs-play-progress:before { content: none !important } .vjs-play-progress .vjs-svg-icon { position: absolute; top: -.35em; right: -.4em; width: .9em; height: .9em; pointer-events: none; line-height: .15em; z-index: 1 } .video-js .vjs-load-progress { background: rgba(115, 133, 159, .5) } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, .75) } .video-js .vjs-time-tooltip { background-color: #fff; background-color: hsla(0, 0%, 100%, .8); border-radius: .3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1 } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none } .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip { display: block; font-size: .6em; visibility: visible } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1 } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, .8) } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 .45em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, .5) } .video-js .vjs-slider.disabled { cursor: default } .video-js .vjs-slider:focus { text-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff } .video-js.vjs-spatial-navigation-enabled .vjs-slider:focus { outline: .0625em solid #fff } .video-js .vjs-mute-control { cursor: pointer; flex: none } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px } .video-js .vjs-volume-panel { transition: width 1s } .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control { visibility: visible; opacity: 1; position: relative; transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s } .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0 } .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical { left: -3.5em; transition: left 0s } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active { width: 10em; transition: width .1s } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s } .video-js .vjs-volume-panel { display: flex } .video-js .vjs-volume-bar { margin: 1.35em .45em } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: .3em } .vjs-volume-bar.vjs-slider-vertical { width: .3em; height: 5em; margin: 1.35em auto } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff } .video-js .vjs-volume-level:before { position: absolute; font-size: .9em; z-index: 1 } .vjs-slider-vertical .vjs-volume-level { width: .3em } .vjs-slider-vertical .vjs-volume-level:before { top: -.5em; left: -.3em; z-index: 1 } .vjs-svg-icons-enabled .vjs-volume-level:before { content: none } .vjs-volume-level .vjs-svg-icon { position: absolute; width: .9em; height: .9em; pointer-events: none; z-index: 1 } .vjs-slider-horizontal .vjs-volume-level { height: .3em } .vjs-slider-horizontal .vjs-volume-level:before { line-height: .35em; right: -.5em } .vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon { right: -.3em; transform: translateY(-50%) } .vjs-slider-vertical .vjs-volume-level .vjs-svg-icon { top: -.55em; transform: translateX(-50%) } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100% } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100% } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2b333f; background-color: rgba(43, 51, 63, .7) } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em } .video-js .vjs-volume-tooltip { background-color: #fff; background-color: hsla(0, 0%, 100%, .8); border-radius: .3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1 } .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-volume-tooltip { display: block; font-size: 1em; visibility: visible } .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip { left: 1em; top: -12px } .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip { font-size: 1em } .video-js .vjs-volume-control .vjs-mouse-display { display: none; position: absolute; width: 100%; height: 1px; background-color: #000; z-index: 1 } .video-js .vjs-volume-horizontal .vjs-mouse-display { width: 1px; height: 100% } .video-js .vjs-volume-control:hover .vjs-mouse-display { display: block } .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s } .vjs-mouse-display .vjs-volume-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, .8) } .vjs-poster { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100% } .vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster { display: none } .vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster { display: block } .vjs-poster img { width: 100%; height: 100%; object-fit: contain } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em } .video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control { display: none } .video-js .vjs-seek-to-live-control { align-items: center; cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: .5em; padding-right: .5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: .5em; color: #888 } .vjs-svg-icons-enabled .vjs-seek-to-live-control { line-height: 0 } .vjs-seek-to-live-control .vjs-svg-icon { width: 1em; height: 1em; pointer-events: none; fill: #888 } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon { fill: red } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em } .video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider { display: none } .vjs-time-divider { display: none; line-height: 3em } .video-js .vjs-play-control { cursor: pointer } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none } .vjs-error .vjs-text-track-display { display: none } .video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: .1em } .vjs-subtitles { color: #fff } .vjs-captions { color: #fc6 } .vjs-tt-cue { display: block } video::-webkit-media-text-track-display { transform: translateY(-3em) } .video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em) } .video-js.vjs-force-center-align-cues .vjs-text-track-cue { text-align: center !important; width: 80% !important } @supports not (inset:10px) { .video-js .vjs-text-track-display>div { top: 0; right: 0; bottom: 0; left: 0 } } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none } .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control { display: none } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none } .video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control { display: none } .vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate>.vjs-menu-button { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center } .vjs-playback-rate .vjs-menu { width: 4em; left: 0 } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: .85; text-align: left; border: .6em solid rgba(43, 51, 63, .7); box-sizing: border-box; background-clip: padding-box; width: 5em; height: 5em; border-radius: 50%; visibility: hidden } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: flex; justify-content: center; align-items: center; animation: vjs-spinner-show 0s linear .3s forwards } .vjs-error .vjs-loading-spinner { display: none } .vjs-loading-spinner:after, .vjs-loading-spinner:before { content: ""; position: absolute; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: #fff transparent transparent } .vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before { animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: #fff; animation-delay: .44s } @keyframes vjs-spinner-show { to { visibility: visible } } @keyframes vjs-spinner-spin { to { transform: rotate(1turn) } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f } 20% { border-top-color: #73859f } 35% { border-top-color: #fff } 60% { border-top-color: #73859f } to { border-top-color: #73859f } } .video-js.vjs-audio-only-mode .vjs-captions-button { display: none } .vjs-chapters-button .vjs-menu ul { width: 24em } .video-js.vjs-audio-only-mode .vjs-descriptions-button { display: none } .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon { width: 1.5em; height: 1.5em } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -.1em } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10c"; font-size: 1.5em; line-height: inherit } .video-js.vjs-audio-only-mode .vjs-subs-caps-button { display: none } .video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -.1em } .video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f12e"; font-size: 1.5em; line-height: inherit } .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-volume-control { display: none } .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover { width: auto } .video-js.vjs-layout-tiny .vjs-progress-control, .video-js.vjs-layout-x-small .vjs-progress-control { display: none } .video-js.vjs-layout-x-small .vjs-custom-control-spacer { flex: auto; display: block } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2b333f; background-color: rgba(43, 51, 63, .75); color: #fff; height: 70% } .vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings { height: 80% } .vjs-error .vjs-text-track-settings { display: none } .vjs-text-track-settings .vjs-modal-dialog-content { display: table } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font { display: table-cell } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom } @supports (display:grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0 } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1 } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr } } .vjs-text-track-settings select { font-size: inherit } .vjs-track-setting>select { margin-right: 1em; margin-bottom: .5em } .vjs-text-track-settings fieldset { margin: 10px; border: none } .vjs-text-track-settings fieldset span { display: inline-block; padding: 0 .6em .8em } .vjs-text-track-settings fieldset span>select { max-width: 7.3em } .vjs-text-track-settings legend { color: #fff; font-weight: 700; font-size: 1.2em } .vjs-text-track-settings .vjs-label { margin: 0 .5em .5em 0 } .vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f) } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, .75) } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f); color: #2b333f; cursor: pointer; border-radius: 2px } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em } .vjs-title-bar { background: rgba(0, 0, 0, .9); background: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .7) 60%, transparent); font-size: 1.2em; line-height: 1.5; transition: opacity .1s; padding: .666em 1.333em 4em; pointer-events: none; position: absolute; top: 0; width: 100% } .vjs-error .vjs-title-bar { display: none } .vjs-title-bar-description, .vjs-title-bar-title { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .vjs-title-bar-title { font-weight: 700; margin-bottom: .333em } .vjs-playing.vjs-user-inactive .vjs-title-bar { opacity: 0; transition: opacity 1s } .video-js .vjs-skip-backward-10, .video-js .vjs-skip-backward-30, .video-js .vjs-skip-backward-5, .video-js .vjs-skip-forward-10, .video-js .vjs-skip-forward-30, .video-js .vjs-skip-forward-5 { cursor: pointer } .video-js .vjs-transient-button { position: absolute; height: 3em; display: flex; align-items: center; justify-content: center; background-color: rgba(50, 50, 50, .5); cursor: pointer; opacity: 1; transition: opacity 1s } .video-js:not(.vjs-has-started) .vjs-transient-button { display: none } .video-js.not-hover .vjs-transient-button:not(.force-display), .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) { opacity: 0 } .video-js .vjs-transient-button span { padding: 0 .5em } .video-js .vjs-transient-button.vjs-left { left: 1em } .video-js .vjs-transient-button.vjs-right { right: 1em } .video-js .vjs-transient-button.vjs-top { top: 1em } .video-js .vjs-transient-button.vjs-near-top { top: 4em } .video-js .vjs-transient-button.vjs-bottom { bottom: 4em } .video-js .vjs-transient-button:hover { background-color: rgba(50, 50, 50, .9) } @media print { .video-js>:not(.vjs-tech):not(.vjs-poster) { visibility: hidden } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000 } .js-focus-visible .video-js :focus:not(.focus-visible) { outline: none } .video-js :focus:not(:focus-visible) { outline: none } .Videos_videoWrapper__lkx__ { --closeBtnOffset: var(--spc-xl-h); --video-height: clamp(300px, 75vmin, 800px); position: relative; width: 100%; max-width: var(--content-width); padding-top: var(--closeBtnOffset) } .Videos_videoBackground__e30zS { position: relative; object-fit: cover; width: 100%; height: var(--video-height); border-radius: var(--rnd-md); background-color: var(--bg-color-50); display: flex; place-items: center; border: var(--border) } .Videos_videoElement__viynR { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--rnd-md) } .Videos_bgSpinner__D0MZm { position: absolute; width: 100%; height: var(--video-height); top: 50%; left: 50%; translate: -50% -50% } .Icon_icon__q9hZy { width: var(--spc-md-w); aspect-ratio: 1/1; border-radius: 0; height: auto; position: relative } .Tag_tagWrapper__f1Say { --tag-gap: var(--spc-xs-w); display: flex; gap: var(--tag-gap); align-items: center; width: -moz-fit-content; width: fit-content; padding: var(--spc-xs2-h) var(--spc-sm-w); background-color: var(--blue-lt); border: var(--border-size) solid var(--bg-color); border-radius: 100px } .Tag_tagLabel__b6_Fe { margin: 0; font-size: 1.4rem; letter-spacing: normal; text-align: center } .Tag_tagWrapper__f1Say.Tag_interactive__K_2Sq { padding-right: var(--tag-gap) } .Tag_tagWrapper__f1Say.Tag_small__05WUf { padding: 2px var(--spc-xs-w) } .Tag_small__05WUf .Tag_tagLabel__b6_Fe { font-size: 1.2rem } .Tag_tagWrapper__f1Say.Tag_large__HIYSG { padding: 6px var(--spc-sm-w) } .Tag_large__HIYSG .Tag_tagLabel__b6_Fe { font-size: 1.8rem } .Body_bodyWrapper__kxYz5 { max-width: var(--content-width); position: relative; margin: 0 } .Body_inline__ilnSl, .Body_inline__ilnSl p { display: inline } .Slide_slide___hHfw { --slide-xs: clamp(150px, 30vh, 250px); --slide-sm: clamp(250px, 35vh, 400px); --slide-md: clamp(300px, 40vh, 500px); --slide-lg: clamp(350px, 45vh, 600px); --slide-xl: clamp(400px, 50vh, 700px); display: flex; place-content: center; container-type: inline-size; position: relative; height: var(--slide-lg); width: 100%; margin: 0 auto; overflow: hidden } .Slide_slideOverlay__9u7m5 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--spc-sm-w); gap: var(--spc-sm-w); align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--rnd-md); padding: var(--spc-xl) } .Slide_fullWidth__FVG_o { position: relative; left: 50%; translate: -50%; width: 100vw } .Slide_emptyColumn__iOCfE { grid-area: empty } .Slide_textLeft___EVrH { background: var(--image-overlay-left-center-neutral); grid-template-areas: "text empty" } .Slide_textRight__xgWAL { background: var(--image-overlay-right-center-neutral); grid-template-areas: "empty text" } .Slide_slideTextWrapper__ohlC7 { grid-area: text; padding: 0 } .Slide_heading__fSGo9 { margin-top: 0 } .Slide_navButtons__yJhxy { position: absolute; bottom: calc(var(--spc-xl-h) * -1); left: 50%; translate: -50% 0; display: flex; gap: var(--spc-sm-w) } @container (max-width: 500px) { .Slide_slideOverlay__9u7m5 { grid-template-columns: 1fr; grid-template-areas: "text text"; gap: 0; padding: var(--spc-md) } .Slide_textLeft___EVrH { background: var(--image-overlay-center-top-neutral); align-content: flex-start } .Slide_textRight__xgWAL { background: var(--image-overlay-center-bottom-neutral); align-content: flex-end } .Slide_emptyColumn__iOCfE { display: none } } .AccessibilityToggles_accWrapper__xQEtm { --space: clamp(7px, 1vw, 10px); --icon-width: calc(var(--space) * 2.6); display: grid; grid-gap: var(--space); gap: var(--space); grid-template-columns: auto var(--icon-width); position: fixed; left: -90px; bottom: 5%; z-index: 100; transition: var(--fade); border: 2px solid var(--bg-color); border-left: none; color: var(--bg-color); background-color: var(--fg-color); border-radius: 20px; border-bottom-left-radius: 0; border-top-left-radius: 0; padding: var(--space); letter-spacing: -1px; cursor: pointer } .AccessibilityToggles_accWrapper__xQEtm.AccessibilityToggles_open__7FmMx { left: 0 } .AccessibilityToggles_accOpenBtn__SEQlS { background-color: transparent; padding: 0 } .AccessibilityToggles_accOpenBtn__SEQlS img { min-width: unset; width: var(--icon-width) } .AccessibilityToggles_togglesWrapper__jO7Y9 { display: grid; grid-gap: var(--space); gap: var(--space) } .ProductTechDrawing_wrapper__zu_CM { --fill-color: var(--fg-color-10); --fill-color-secondary: var(--bg-color); --border-color: var(--fg-color); --border-size: 0.5px; --border: var(--border-size) solid var(--fg-color); --marker-size: 14px; --marker-margin: calc(var(--marker-size) / 1.5); --marker-area: calc(var(--marker-margin) + var(--marker-size)); --front-outline-border: var(--border); --front-outline-fill-color: var(--fill-color); --vent-inner-border: var(--border); --vent-inner-fill-color: var(var(--fill-color-secondary)); --vents-border: var(--border); --vents-fill-color: var(--fill-color); --controls-border: var(--border); --controls-fill-color: var(--fill-color); --button-fill-color: var(--fill-color) } .ProductTechDrawing_wall-mounted-wrapper__MLjcc { --front-outline-width: 350px; --front-outline-height: 100px; --vents-height: 20px; --vents-width: 78%; --vents-top: unset; --vents-right: unset; --vents-bottom: 0; --vents-left: 5%; --vents-translate: unset; --vents-translate-secondary: 0 -50%; --vents-opacity-secondary: 0; --vent-inner-size-offset: 7px; --vent-inner-width-offset: var(--vent-inner-size-offset); --vent-inner-height-offset: var(--vent-inner-size-offset); --intake-height: 3%; --intake-width: 100%; --intake-top: 0; --intake-right: unset; --intake-bottom: unset; --intake-left: 50%; --intake-translate: -50% -1%; --intake-grill-opacity: 0; --controls-height: var(--vents-height); --controls-width: calc(100% - (var(--vents-width) + var(--vents-left))); --controls-top: unset; --controls-right: 0; --controls-bottom: 0; --controls-left: unset; --controls-translate: unset; --side-outline-width: 85px; --side-outline-height: var(--front-outline-height); --side-outline-border: var(--border); --side-outline-border-radius: 0 0 0 var(--rnd-lg); --side-outline-bg: var(--fill-color); --face-height: calc(var(--side-outline-height) - 20%); --face-width: 8%; --face-top: 0; --face-right: unset; --face-bottom: unset; --face-left: 0; --face-translate: unset; --face-fill-color: var(--fill-color); --body-fill-color: var(--fill-color); --body-height: 100%; --body-width: 30%; --body-top: 0; --body-right: 0; --body-bottom: unset; --body-left: unset; --body-translate: unset } .ProductTechDrawing_ceiling-mounted-one-way-wrapper__XQZeI { --front-outline-width: 400px; --front-outline-height: 130px; --vents-height: 20%; --vents-width: 65%; --vents-top: 5%; --vents-right: unset; --vents-bottom: unset; --vents-left: 50%; --vents-translate: -50% 0; --vents-translate-secondary: 0 -50%; --vents-opacity-secondary: 0; --vent-inner-size-offset: 10px; --vent-inner-width-offset: var(--vent-inner-size-offset); --vent-inner-height-offset: var(--vent-inner-size-offset); --intake-height: calc(100% - (var(--vents-top) * 4 + var(--vents-height))); --intake-width: var(--vents-width); --intake-top: calc(((var(--vents-top) * 2) + var(--vents-height))); --intake-right: unset; --intake-bottom: unset; --intake-left: 50%; --intake-translate: -50% 0; --intake-grill-opacity: 1; --controls-height: 12%; --controls-width: calc((100% - var(--vents-width)) / 2 - (var(--controls-left) * 2)); --controls-top: var(--intake-top); --controls-right: unset; --controls-bottom: unset; --controls-left: 2px; --controls-translate: unset; --side-outline-width: 100px; --side-outline-height: var(--front-outline-height); --side-outline-border: none; --side-outline-border-radius: unset; --side-outline-bg: none; --face-height: var(--front-outline-height); --face-width: 8%; --face-top: 0; --face-right: unset; --face-bottom: unset; --face-left: 0; --face-translate: unset; --face-fill-color: var(--fill-color); --body-fill-color: var(--fill-color); --body-height: calc(var(--face-height) - 10%); --body-width: calc(100% - var(--face-width)); --body-top: 50%; --body-right: unset; --body-bottom: unset; --body-left: var(--face-width); --body-translate: 0 -50% } .ProductTechDrawing_ceiling-mounted-four-way-wrapper__O3MRP { --front-outline-width: 350px; --front-outline-height: 350px; --intake-size: calc(var(--front-outline-width) * 0.55); --intake-height: var(--intake-size); --intake-width: var(--intake-size); --intake-top: 50%; --intake-right: unset; --intake-bottom: unset; --intake-left: 50%; --intake-translate: -50% -50%; --intake-grill-opacity: 1; --vents-height: 8%; --vents-width: var(--intake-size); --vents-top: 6%; --vents-right: unset; --vents-bottom: unset; --vents-left: 50%; --vents-translate: -50% 0; --vents-translate-secondary: 0 -50%; --vents-opacity-secondary: 1; --vent-inner-size-offset: 8px; --vent-inner-width-offset: var(--vent-inner-size-offset); --vent-inner-height-offset: var(--vent-inner-size-offset); --controls-height: calc((100% - var(--vents-width)) / 2); --controls-width: var(--controls-height); --controls-top: unset; --controls-right: unset; --controls-bottom: 0; --controls-left: 0; --controls-translate: unset; --controls-opacity: 0; --side-outline-width: 100px; --side-outline-height: var(--front-outline-height); --side-outline-border: none; --side-outline-border-radius: unset; --side-outline-bg: none; --face-height: var(--front-outline-height); --face-width: 8%; --face-top: 0; --face-right: unset; --face-bottom: unset; --face-left: 0; --face-translate: unset; --face-fill-color: var(--fill-color); --body-fill-color: var(--fill-color); --body-height: calc(var(--face-height) - 10%); --body-width: calc(100% - var(--face-width)); --body-top: 50%; --body-right: unset; --body-bottom: unset; --body-left: var(--face-width); --body-translate: 0 -50% } .ProductTechDrawing_floor-mounted-wrapper__F8XJU { --front-outline-width: 350px; --front-outline-height: calc(var(--front-outline-width) * 0.8); --intake-height: calc(var(--front-outline-height) * 0.3); --intake-width: calc(var(--front-outline-width) * 0.85); --intake-top: unset; --intake-right: unset; --intake-bottom: 5%; --intake-left: 50%; --intake-translate: -50% 0%; --intake-grill-opacity: 1; --vents-height: 12%; --vents-width: 100%; --vents-top: 0; --vents-right: unset; --vents-bottom: unset; --vents-left: 50%; --vents-translate: -50% 0; --vents-translate-secondary: 0 -50%; --vents-opacity-secondary: 0; --vent-inner-width-offset: calc(100% - var(--intake-width)); --vent-inner-height-offset: 5px; --controls-width: var(--intake-width); --controls-height: 10px; --controls-top: calc(var(--vents-height) * 2); --controls-right: unset; --controls-bottom: unset; --controls-left: var(--vents-left); --controls-translate: var(--vents-translate); --controls-opacity: 1; --side-outline-width: calc(var(--front-outline-width) * 0.287); --side-outline-height: var(--front-outline-height); --side-outline-border: var(--border); --side-outline-border-radius: 10px 0 0 5px; --side-outline-bg: var(--fill-color); --face-height: calc(var(--front-outline-height) - var(--vents-height) - var(--vents-top)); --face-width: 10%; --face-top: unset; --face-right: unset; --face-bottom: 0; --face-left: 0; --face-translate: unset; --face-fill-color: var(--fill-color); --body-fill-color: var(--fill-color); --body-height: var(--front-outline-height); --body-width: 50%; --body-top: 0; --body-right: 0; --body-bottom: unset; --body-left: unset; --body-translate: unset } .ProductTechDrawing_ducted-air-handler-wrapper__3L_1s { --front-outline-height: 400px; --front-outline-width: calc(var(--front-outline-height) * 0.425); --offset: 3px; --panel-width: calc(var(--front-outline-width) - var(--offset) * 2); --intake-height: var(--offset); --intake-width: var(--panel-width); --intake-top: var(--offset); --intake-right: unset; --intake-bottom: unset; --intake-left: 50%; --intake-translate: -50% 0%; --intake-grill-opacity: 0; --vents-height: 55%; --vents-width: var(--panel-width); --vents-top: calc(var(--intake-height) + var(--offset) * 2); --vents-right: unset; --vents-bottom: unset; --vents-left: 50%; --vents-translate: -50% 0; --vents-translate-secondary: unset; --vents-opacity-secondary: 0; --vent-inner-opacity: 0; --vent-inner-width-offset: var(--offset); --vent-inner-height-offset: var(--offset); --controls-width: var(--panel-width); --controls-height: 6%; --controls-top: unset; --controls-right: unset; --controls-bottom: var(--offset); --controls-left: 50%; --controls-translate: -50% 0%; --controls-opacity: 1; --button-opacity: 0; --side-outline-width: calc(var(--front-outline-width) * 1.1); --side-outline-height: var(--front-outline-height); --side-outline-border: var(--border); --side-outline-border-radius: 0; --side-outline-bg: var(--fill-color); --face-height: 100%; --face-width: 5%; --face-top: unset; --face-right: unset; --face-bottom: 0; --face-left: 0; --face-translate: unset; --face-fill-color: transparent; --body-fill-color: transparent; --body-height: var(--front-outline-height); --body-width: calc((100% - var(--face-width)) - var(--offset)); --body-top: 0; --body-right: 0; --body-bottom: unset; --body-left: unset; --body-translate: unset } .ProductTechDrawing_heat-pump-small-wrapper__cgHzx { --front-outline-height: 180px; --front-outline-width: calc(var(--front-outline-height) * 1.45); --front-outline-border: 0; --front-outline-border-radius: 0; --front-outline-fill-color: transparent; --offset: 3px; --panel-width: 5%; --vents-height: var(--front-outline-height); --vents-width: calc(100% - var(--panel-width)); --vents-top: 0; --vents-right: unset; --vents-bottom: unset; --vents-left: 0; --vents-translate: 0; --vents-border-radius: var(--offset); --vents-translate-secondary: unset; --vents-opacity-secondary: 0; --vent-inner-opacity: 0; --vent-inner-width-offset: var(--offset); --vent-inner-height-offset: var(--offset); --intake-height: calc(var(--front-outline-height) * 0.8); --intake-width: var(--intake-height); --intake-top: 50%; --intake-right: unset; --intake-bottom: unset; --intake-left: 10%; --intake-translate: 0% -50%; --intake-border-radius: 100%; --intake-grill-opacity: 1; --intake-grill-radius: var(--intake-border-radius); --controls-width: calc(100% - var(--vents-width)); --controls-height: 65%; --controls-top: unset; --controls-right: 0; --controls-bottom: var(--controls-width); --controls-left: unset; --controls-translate: unset; --controls-border: var(--border); --controls-opacity: 1; --button-opacity: 0; --side-outline-width: calc(var(--front-outline-width) * 0.33); --side-outline-height: var(--front-outline-height); --side-outline-border: none; --side-outline-border-radius: 0; --side-outline-bg: transparent; --side-outline-fill-color: transparent; --face-fill-color: var(--fill-color); --face-border-radius: var(--offset) 0 0 var(--offset); --face-height: var(--intake-height); --face-width: calc(var(--offset) * 3); --face-top: 50%; --face-right: unset; --face-bottom: unset; --face-left: 0; --face-translate: 0 -50%; --body-fill-color: var(--fill-color); --body-border-radius: var(--offset); --body-height: var(--front-outline-height); --body-width: calc((100% - var(--face-width))); --body-top: 0; --body-right: 0; --body-bottom: unset; --body-left: unset; --body-translate: unset; --side-panel-border: var(--border); --side-panel-border-radius: var(--offset); --side-panel-fill-color: var(--fill-color); --side-panel-height: var(--controls-height); --side-panel-width: calc(var(--body-width) - (var(--offset) * 4)); --side-panel-top: var(--controls-top); --side-panel-right: calc(var(--offset) * 2); --side-panel-bottom: var(--controls-bottom); --side-panel-left: var(--controls-left); --side-panel-translate: unset } .ProductTechDrawing_wrapper__zu_CM { padding-top: var(--marker-area); padding-left: var(--marker-area); margin-top: var(--spc-lg-h); margin-bottom: var(--spc-xl-h); margin-left: var(--spc-md-w); margin-right: auto; width: -moz-fit-content; width: fit-content } .ProductTechDrawing_drawings__zfu6g { position: relative; display: grid; grid-template-columns: auto auto; grid-gap: var(--spc-lg-w); gap: var(--spc-lg-w) } .ProductTechDrawing_dimension__FeWXs { letter-spacing: 0 } .ProductTechDrawing_fraction__Pba7c { letter-spacing: -1px } .ProductTechDrawing_fraction__Pba7c :is(sup, sub) { font-size: x-small; letter-spacing: 0 } .ProductTechDrawing_frontView__c4fDC { padding: 0; position: relative; width: var(--front-outline-width); height: var(--front-outline-height) } .ProductTechDrawing_sideView__D5ig_ { padding: 0; position: relative; width: var(--side-outline-width); height: var(--side-outline-height) } .ProductTechDrawing_widthMarker__BxltX { --height: var(--marker-size); --start-border-top: var(--border); --start-border-right: none; --start-border-bottom: none; --start-border-left: var(--border); --end-border-top: var(--border); --end-border-right: var(--border); --end-border-bottom: none; --end-border-left: none; --w-inches-width: 60px; --w-inches-height: 0; --w-inches-top: -10px; --w-inches-left: 50%; --w-inches-translate: -50% 0; position: absolute; top: calc(var(--marker-area) * -1); display: grid; grid-template-columns: 1fr auto 1fr; width: 100%; height: var(--height); margin-bottom: var(--marker-margin) } .ProductTechDrawing_heightMarker__uF_QL { --height: var(--front-outline-height); --bracket-height: calc((var(--height) - var(--h-inches-height)) / 2); --start-border-top: var(--border); --start-border-right: none; --start-border-bottom: none; --start-border-left: var(--border); --end-border-top: none; --end-border-right: none; --end-border-bottom: var(--border); --end-border-left: var(--border); --h-inches-width: 40px; --h-inches-height: 40px; --h-inches-top: 50%; --h-inches-left: 0%; --h-inches-translate: -50% -50%; position: absolute; left: calc(var(--marker-area) * -1); grid-template-rows: 1fr auto 1fr; height: var(--front-outline-height); width: var(--marker-size); margin-right: var(--marker-margin) } .ProductTechDrawing_startBracket__1t2ez { width: 100%; height: var(--bracket-height); border-top: var(--start-border-top); border-right: var(--start-border-right); border-bottom: var(--start-border-bottom); border-left: var(--start-border-left) } .ProductTechDrawing_inches__nUU1s { position: relative } .ProductTechDrawing_inches__nUU1s>span { text-align: center; position: absolute; font-size: 1.4rem; text-wrap: nowrap } .ProductTechDrawing_widthMarker__BxltX .ProductTechDrawing_inches__nUU1s { height: var(--w-inches-height); width: var(--w-inches-width) } .ProductTechDrawing_widthMarker__BxltX .ProductTechDrawing_inches__nUU1s>span { top: var(--w-inches-top); left: var(--w-inches-left); translate: var(--w-inches-translate) } .ProductTechDrawing_heightMarker__uF_QL .ProductTechDrawing_inches__nUU1s { height: var(--h-inches-height); width: var(--h-inches-width) } .ProductTechDrawing_heightMarker__uF_QL .ProductTechDrawing_inches__nUU1s>span { top: var(--h-inches-top); left: var(--h-inches-left); translate: var(--h-inches-translate) } .ProductTechDrawing_endBracket__dHwvR { width: 100%; height: var(--bracket-height); border-top: var(--end-border-top); border-right: var(--end-border-right); border-bottom: var(--end-border-bottom); border-left: var(--end-border-left) } .ProductTechDrawing_frontOutline__wcPsS { position: relative; width: var(--front-outline-width); height: var(--front-outline-height); border: var(--front-outline-border); border-radius: var(--front-outline-border-radius); background-color: var(--front-outline-fill-color) } .ProductTechDrawing_sideOutline__0M41I { position: relative; border: var(--side-outline-border); width: var(--side-outline-width); height: var(--side-outline-height); background-color: var(--side-outline-bg); border-radius: var(--side-outline-border-radius) } .ProductTechDrawing_vents__JD3RO { position: absolute; width: var(--vents-width); height: var(--vents-height); border: var(--vents-border); border-radius: var(--vents-border-radius); background-color: var(--vents-fill-color) } .ProductTechDrawing_vents__JD3RO:first-child { top: var(--vents-top); right: var(--vents-right); bottom: var(--vents-bottom); left: var(--vents-left); translate: var(--vents-translate) } .ProductTechDrawing_vents__JD3RO:nth-child(2) { opacity: var(--vents-opacity-secondary); width: var(--vents-height); height: var(--vents-width); top: var(--vents-left); right: var(--vents-top); left: unset; translate: var(--vents-translate-secondary) } .ProductTechDrawing_vents__JD3RO:nth-child(3) { opacity: var(--vents-opacity-secondary); right: var(--vents-right); bottom: var(--vents-top); left: var(--vents-left); translate: var(--vents-translate) } .ProductTechDrawing_vents__JD3RO:nth-child(4) { opacity: var(--vents-opacity-secondary); width: var(--vents-height); height: var(--vents-width); top: var(--vents-left); left: var(--vents-top); right: unset; translate: var(--vents-translate-secondary) } .ProductTechDrawing_ventInner__4AEGL { position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: calc(100% - var(--vent-inner-width-offset)); height: calc(100% - var(--vent-inner-height-offset)); background-color: var(--vent-inner-fill-color); border: var(--vent-inner-border); opacity: var(--vent-inner-opacity) } .ProductTechDrawing_intake__AFwpc { position: absolute; top: var(--intake-top); right: var(--intake-right); bottom: var(--intake-bottom); left: var(--intake-left); translate: var(--intake-translate); border: var(--border); border-radius: var(--intake-border-radius); width: var(--intake-width); height: var(--intake-height) } .ProductTechDrawing_intakeGrill__G20kB { --col: var(--fill-color-secondary); opacity: var(--intake-grill-opacity); border-radius: var(--intake-grill-radius); width: 100%; height: 100%; background-image: repeating-linear-gradient(transparent, transparent 3px, var(--col) 3px, var(--col) 6px, transparent 6px), repeating-linear-gradient(90deg, transparent, transparent 25%, var(--col) 25%, var(--col) 26%, transparent 26%, transparent 74%, var(--col) 74%, var(--col) 75%, transparent 75%, transparent) } .ProductTechDrawing_controls__7gs3U { opacity: var(--controls-opacity); position: absolute; top: var(--controls-top); right: var(--controls-right); bottom: var(--controls-bottom); left: var(--controls-left); translate: var(--controls-translate); border: var(--controls-border); background-color: var(--controls-fill-color); width: var(--controls-width); height: var(--controls-height) } .ProductTechDrawing_button__Xs60R { opacity: var(--button-opacity); position: absolute; bottom: 0; left: 50%; translate: -50% 0; width: 20%; height: 50%; background-color: var(--button-fill-color) } .ProductTechDrawing_button__Xs60R:before { left: 0 } .ProductTechDrawing_button__Xs60R:after, .ProductTechDrawing_button__Xs60R:before { content: ""; position: absolute; top: -5px; width: 2px; height: 2px; background-color: var(--button-fill-color) } .ProductTechDrawing_button__Xs60R:after { right: 0 } .ProductTechDrawing_face__eHZJa { background-color: var(--face-fill-color); border-radius: var(--face-border-radius); position: absolute; top: var(--face-top); right: var(--face-right); bottom: var(--face-bottom); left: var(--face-left); translate: var(--face-translate); border: var(--border); width: var(--face-width); height: var(--face-height) } .ProductTechDrawing_body__rs_DT { background-color: var(--body-fill-color); border-radius: var(--body-border-radius); position: absolute; top: var(--body-top); right: var(--body-right); bottom: var(--body-bottom); left: var(--body-left); translate: var(--body-translate); border: var(--border); width: var(--body-width); height: var(--body-height) } .ProductTechDrawing_sidePanel__8o6nv { border: var(--side-panel-border); border-radius: var(--side-panel-border-radius); background-color: var(--side-panel-fill-color); position: absolute; top: var(--side-panel-top); right: var(--side-panel-right); bottom: var(--side-panel-bottom); left: var(--side-panel-left); translate: var(--side-panel-translate); width: var(--side-panel-width); height: var(--side-panel-height) } .InputGroups_textInputGroup__sEw2F { display: grid; -moz-column-gap: var(--spc-md-w); grid-column-gap: var(--spc-md-w); column-gap: var(--spc-md-w); grid-row-gap: var(--spc-sm-h); row-gap: var(--spc-sm-h); grid-template-columns: repeat(2, auto) } .InputGroups_groupWrapper__r4x2l { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--spc-sm-w); gap: var(--spc-sm-w); align-items: start } .InputGroups_groupWrapper__r4x2l.InputGroups_isCompact__8lHNH { grid-template-columns: 1fr } .InputGroups_optionsWrapper__4njt1 { display: flex; flex-wrap: wrap; column-gap: var(--spc-md-w); row-gap: var(--spc-xs-h); margin-bottom: var(--spc-sm-h) } .InputGroups_optionsWrapper__4njt1.InputGroups_hasSmallText__JEzSe { gap: var(--spc-xs-h) } .InputGroups_groupTitle__Npq_Z { display: inline-block; margin: 0; font-family: var(--main-font-bold) } .InputGroups_groupTitle__Npq_Z.InputGroups_hasSelected__Y4LKW { font-family: var(--main-font) } .InputGroups_optionsWrapper__4njt1.InputGroups_isCompact__8lHNH { display: grid } .InputGroups_textInputGroup__sEw2F.InputGroups_singleField__dUi7W { grid-template-columns: 1fr; justify-items: center } @container (max-width: 500px) { .InputGroups_textInputGroup__sEw2F { column-gap: var(--spc-xs-w) } .InputGroups_optionsWrapper__4njt1 { row-gap: var(--spc-xs-h) } } @container (max-width: 380px) { .InputGroups_groupWrapper__r4x2l { grid-template-columns: 4fr 3fr } .InputGroups_textInputGroup__sEw2F { grid-template-columns: 1fr } } .AccordionGroup_accordionWrapper__2Pi96 { width: 100% } .AccordionGroup_accordionWrapper__2Pi96 * { transition: var(--fade-ease-md) } .ColorShades_shadesRow__pJq_v { display: grid; grid-template-columns: var(--grid-auto) } .ColorShades_colorSwatch__wISqG { display: flex; place-content: center; place-items: center; cursor: pointer; height: var(--spc-xl-h) } .ColorShades_colorSwatch__wISqG.ColorShades_short__4_Uwe { padding: var(--spc-xs); height: var(--spc-xl-w) } .Layout_sectionWrapper__jUvul { max-width: var(--content-width); position: relative; overflow: visible; width: 100% } .Layout_contentWrapper___M0GX { gap: var(--spc-xl-w); position: relative; width: 100%; z-index: 10 } .Layout_heroWrapper__TYhDV { display: grid; min-height: 20vh; background-repeat: no-repeat; background-position: top; background-size: cover; position: relative; margin: var(--spc-md-h) auto; width: 100%; max-width: calc(var(--content-width) - 2 * var(--spc-md-w)) } .Layout_heroWrapper__TYhDV .Layout_contentWrapper___M0GX { z-index: 11 } .Layout_heroWrapper__TYhDV.Layout_fullWidth__ZgGxf { display: block; max-width: 100%; width: 100%; margin-top: 0 } .Layout_heroWrapper__TYhDV.Layout_fullWidth__ZgGxf .Layout_contentWrapper___M0GX { width: 100%; padding: 0 } .Layout_productWrapper__4Khp8 .Layout_contentWrapper___M0GX { padding-top: var(--spc-lg-h); padding-bottom: var(--spc-lg-h) } .Layout_panel__WiFnk { width: 100%; min-height: 50px; background-color: transparent; border-radius: var(--rnd-md); margin-top: 0; margin-bottom: 0; border: none } .Layout_panel__WiFnk.Layout_border__fE1KA { border: var(--border) } .Layout_panel__WiFnk.Layout_background__X0V1W { background-color: var(--bg-gray); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur) } .Layout_panel__WiFnk.Layout_shadow__k6dMV { box-shadow: var(--shadow-far); margin-bottom: var(--spc-sm-h) } .Layout_panel__WiFnk:is(.Layout_border__fE1KA, .Layout_background__X0V1W, .Layout_shadow__k6dMV) { padding: var(--spc-md) } .Layout_gridContainer__3sfxO { display: grid; width: 100%; grid-template-columns: 1fr } .Layout_gridAuto__4Swbz { grid-template-columns: var(--grid-auto) } .Layout_grid1__PhK_o { grid-template-columns: var(--grid-1) } .Layout_grid2__MNG1T { grid-template-columns: var(--grid-2) } .Layout_grid3__VZ3vZ { grid-template-columns: var(--grid-3) } .Layout_grid4__qPV1R { grid-template-columns: var(--grid-4) } .Layout_grid5__8wHOt { grid-template-columns: var(--grid-5) } .Layout_grid6__2sK1_ { grid-template-columns: var(--grid-6) } .Layout_grid7__16_Eu { grid-template-columns: var(--grid-7) } .Layout_grid8__Hcjxc { grid-template-columns: var(--grid-8) } .Layout_grid9__X3R16 { grid-template-columns: var(--grid-9) } .Layout_grid10__wicS8 { grid-template-columns: var(--grid-10) } .Layout_grid11__c7_YZ { grid-template-columns: var(--grid-11) } .Layout_grid12__24PiY { grid-template-columns: var(--grid-12) } .Layout_grid1Auto__ZNdzo { grid-template-columns: var(--grid-1-auto) } .Layout_grid2Auto__W3HDh { grid-template-columns: var(--grid-2-auto) } .Layout_grid3Auto__IrBxV { grid-template-columns: var(--grid-3-auto) } .Layout_grid4Auto__GYtIc { grid-template-columns: var(--grid-4-auto) } .Layout_grid5Auto__nUglv { grid-template-columns: var(--grid-5-auto) } .Layout_grid6Auto__qFlLe { grid-template-columns: var(--grid-6-auto) } .Layout_grid7Auto__4htYO { grid-template-columns: var(--grid-7-auto) } .Layout_grid8Auto__psgTS { grid-template-columns: var(--grid-8-auto) } .Layout_grid9Auto__N1lsC { grid-template-columns: var(--grid-9-auto) } .Layout_grid10Auto__1nREc { grid-template-columns: var(--grid-10-auto) } .Layout_grid11Auto__Py76i { grid-template-columns: var(--grid-11-auto) } .Layout_grid12Auto__yKzBI { grid-template-columns: var(--grid-12-auto) } .Layout_flexContainer__LiNMp { display: flex; justify-content: center; justify-items: flex-start } .Layout_row__4l83y { flex-direction: row } .Layout_rowReverse__t2Q9Q { flex-direction: row-reverse } .Layout_column__R23_z { flex-direction: column } .Layout_columnReverse__OyHPN { flex-direction: column-reverse } .Layout_nowrap__OlrmW { flex-wrap: nowrap } .Layout_wrap__eMPwH { flex-wrap: wrap } .Layout_wrapReverse__JtMYo { flex-wrap: wrap-reverse } .Layout_gap0__yBMc8, .Layout_gapNone__D1ZS3 { gap: 0 } .Layout_gapXs2__opUTS { gap: var(--spc-xs2) } .Layout_gapXs__eCoZP { gap: var(--spc-xs) } .Layout_gapSm__h5LYX { gap: var(--spc-sm) } .Layout_gapMd__cHtQf { gap: var(--spc-md) } .Layout_gapLg__PKgKy { gap: var(--spc-lg) } .Layout_gapXl__qa8v9 { gap: var(--spc-xl) } .Layout_gapXl2__qHe2_ { gap: var(--spc-xl2) } .Layout_rowGapNone__ErUHw { row-gap: 0 } .Layout_rowGapXs2__4YHLV { row-gap: var(--spc-xs2-h) } .Layout_rowGapXs__saZwP { row-gap: var(--spc-xs-h) } .Layout_rowGapSm__KbArd { row-gap: var(--spc-sm-h) } .Layout_rowGapMd__M4zHC { row-gap: var(--spc-md-h) } .Layout_rowGapLg__8Cgw0 { row-gap: var(--spc-lg-h) } .Layout_rowGapXl__Cc5J1 { row-gap: var(--spc-xl-h) } .Layout_rowGapXl2__TanhC { row-gap: var(--spc-xl2-h) } .Layout_columnGapNone__Congw { column-gap: 0 } .Layout_columnGapXs2__t6LRj { column-gap: var(--spc-xs2-w) } .Layout_columnGapXs__s4Hpi { column-gap: var(--spc-xs-w) } .Layout_columnGapSm__913AC { column-gap: var(--spc-sm-w) } .Layout_columnGapMd__d530B { column-gap: var(--spc-md-w) } .Layout_columnGapLg__kL0ND { column-gap: var(--spc-lg-w) } .Layout_columnGapXl__uTS5R { column-gap: var(--spc-xl-w) } .Layout_columnGapXl2__4gS07 { column-gap: var(--spc-xl2-w) } .Layout_placeStart__0G0Du { place-content: flex-start } .Layout_placeEnd__nMX8I { place-content: end } .Layout_placeCenter__QnZtU { place-content: center } .Layout_placeSpaceBetween__uocCq { place-content: space-between } .Layout_placeSpaceAround__yUO0p { place-content: space-around } .Layout_placeSpaceEvenly__ZivQm { place-content: space-evenly } .Layout_justifyStart__3lTmI { justify-content: flex-start } .Layout_justifyEnd__NVKBQ { justify-content: end } .Layout_justifyCenter__97NiS { justify-content: center } .Layout_justifySpaceBetween__S_SBz { justify-content: space-between } .Layout_justifySpaceAround__Vh1_p { justify-content: space-around } .Layout_justifySpaceEvenly__Mhstu { justify-content: space-evenly } .Layout_justifySelfStart__MGzV8 { justify-self: flex-start } .Layout_justifySelfEnd___w237 { justify-self: end } .Layout_justifySelfCenter__0WAtn { justify-self: center } .Layout_alignStretch__D7pZR { align-items: stretch } .Layout_alignStart__7jV_5 { align-items: flex-start } .Layout_alignEnd__nQrFF { align-items: end } .Layout_alignCenter__ulfY7 { align-items: center } .Layout_alignBaseline__VP1am { align-items: baseline } .Layout_alignSelfStart__OheLz { align-self: flex-start } .Layout_alignSelfEnd__S422L { align-self: end } .Layout_alignSelfCenter__XIv1w { align-self: center } .Layout_placeItemsStretch__p0GS_ { place-items: stretch } .Layout_placeItemsStart__kZTow { place-items: flex-start } .Layout_placeItemsEnd__QfMM_ { place-items: end } .Layout_placeItemsCenter__rtKTS { place-items: center } .Layout_placeItemsBaseline__6jrKF { place-items: baseline } .Layout_placeSelfStart__dSL3g { place-self: flex-start } .Layout_placeSelfEnd__gnXG1 { place-self: end } .Layout_placeSelfCenter__9AUF3 { place-self: center } .Layout_background__X0V1W { --gradient-color: var(--bg-gray); --gradient: radial-gradient(circle at 90% 80%, var(--gradient-color), var(--shape-sm)), radial-gradient(circle at 30% 50%, var(--bg-gray), var(--shape-xl2)) } .Layout_background__X0V1W.Layout_red__26oG1 { --gradient-color: var(--red-30); background: var(--gradient) } .Layout_background__X0V1W.Layout_orange__jIid3 { --gradient-color: var(--orange-30); background: var(--gradient) } .Layout_background__X0V1W.Layout_yellow__XiJYG { --gradient-color: var(--yellow-30); background: var(--gradient) } .Layout_background__X0V1W.Layout_green__kbINY { --gradient-color: var(--green-30); background: var(--gradient) } .Layout_background__X0V1W.Layout_blue__hHfde { --gradient-color: var(--blue-30); background: var(--gradient) } .Layout_background__X0V1W.Layout_purple__gznm2 { --gradient-color: var(--purple-30); background: var(--gradient) } @media screen and (max-width:1000px) { .Layout_heroWrapper__TYhDV { display: block } .Layout_gridContainer__3sfxO:is(.Layout_grid2__MNG1T, .Layout_grid3__VZ3vZ, .Layout_grid4__qPV1R, .Layout_grid5__8wHOt, .Layout_grid6__2sK1_, .Layout_grid7__16_Eu, .Layout_grid8__Hcjxc, .Layout_grid9__X3R16, .Layout_grid10__wicS8, .Layout_grid11__c7_YZ, .Layout_grid12__24PiY):not(.Layout_enforceColumns__Lazec) { grid-template-columns: var(--grid-1) } .Layout_gridContainer__3sfxO:is(.Layout_grid2Auto__W3HDh, .Layout_grid3Auto__IrBxV, .Layout_grid4Auto__GYtIc, .Layout_grid5Auto__nUglv, .Layout_grid6Auto__qFlLe, .Layout_grid7Auto__4htYO, .Layout_grid8Auto__psgTS, .Layout_grid9Auto__N1lsC, .Layout_grid10Auto__1nREc, .Layout_grid11Auto__Py76i, .Layout_grid12Auto__yKzBI):not(.Layout_enforceColumns__Lazec) { grid-template-columns: var(--grid-1-auto) } } @media screen and (max-width:500px) { .Layout_gapMd__cHtQf { gap: var(--spc-sm) } .Layout_gapLg__PKgKy { gap: var(--spc-md) } .Layout_gapXl2__qHe2_, .Layout_gapXl__qa8v9 { gap: var(--spc-lg) } .Layout_rowGapMd__M4zHC { row-gap: var(--spc-sm-h) } .Layout_rowGapLg__8Cgw0 { row-gap: var(--spc-md-h) } .Layout_rowGapXl2__TanhC, .Layout_rowGapXl__Cc5J1 { row-gap: var(--spc-lg-h) } .Layout_columnGapMd__d530B { column-gap: var(--spc-sm-w) } .Layout_columnGapLg__kL0ND { column-gap: var(--spc-md-w) } .Layout_columnGapXl2__4gS07, .Layout_columnGapXl__uTS5R { column-gap: var(--spc-lg-w) } } .Modal_modalBackdrop__pzeo1 { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: var(--fg-color-50); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); z-index: 1000 } .Modal_modal__GcyQG { --max-width: var(--content-width); position: relative; background-color: var(--bg-color); border: var(--border); border-radius: var(--rnd-md); padding: var(--spc-lg); max-height: 85vh; width: clamp(300px, 85vw, var(--max-width)); overflow-y: auto; overflow-x: hidden; z-index: 1001 } .Modal_closeIconWrapper__BXMnd { position: absolute; top: var(--spc-xs-h); right: var(--spc-xs-w); z-index: 1002; background-color: var(--white); padding: 2px; border-radius: 20px } .Modal_modal__GcyQG.Modal_transparentBg__t8EJG { background-color: transparent; border: none; padding: 0 } .Modal_modal__GcyQG.Modal_small__jhfQD { --max-width: 800px } .Modal_modal__GcyQG.Modal_disableWidth__hDCno { width: auto; max-height: unset } .Modal_disableScroll__3gmob { overflow-y: hidden } @media only screen and (max-width:400px) { .Modal_modal__GcyQG { width: 100%; padding: var(--spc-md-h) var(--spc-sm-w) } } .Hero_heroContentWrapper__eJseC { position: relative; display: flex; align-content: center; margin-left: auto; margin-right: auto; width: 100% } .Hero_primaryBg__HMDvE { width: 100%; position: relative; min-height: 400px; height: 100%; display: flex; place-items: center } .Hero_textWrapper__yvnNp { display: grid; place-content: center; place-items: center; position: relative; grid-gap: var(--spc-lg-h); gap: var(--spc-lg-h); width: 100%; z-index: 9 } .Hero_textWrapper__yvnNp.Hero_hasBgImage__AcT8I { padding: var(--spc-xl2-h) var(--spc-xl3-w) } .Hero_innerContentWrapper__bN1uO { display: grid; grid-gap: var(--spc-lg-w); gap: var(--spc-lg-w); text-align: center; place-content: center; width: 100% } .Hero_isHeroForm__V7ktc { text-align: left; display: grid; min-height: 550px } .Hero_isHeroForm__V7ktc.Hero_formRight__sZNcI { grid-template-columns: 3fr 2fr; grid-template-areas: "text form" } .Hero_isHeroForm__V7ktc.Hero_formRight__sZNcI .Hero_textWrapper__yvnNp.Hero_hasBgImage__AcT8I { padding-right: 0 } .Hero_isHeroForm__V7ktc.Hero_formLeft__pd_YD { grid-template-columns: 2fr 3fr; grid-template-areas: "form text"; padding-left: 0 } .Hero_isHeroForm__V7ktc.Hero_formLeft__pd_YD .Hero_textWrapper__yvnNp.Hero_hasBgImage__AcT8I { padding-left: 0 } .Hero_isHeroForm__V7ktc .Hero_textWrapper__yvnNp { grid-area: text } .Hero_isHeroForm__V7ktc .Hero_textWrapper__yvnNp.Hero_hasBgImage__AcT8I { grid-area: text; padding: var(--spc-lg); place-content: start; place-items: start } .Hero_isHeroForm__V7ktc.Hero_singleColumn__ySK95 { grid-template-columns: 1fr; gap: 0 } .Hero_textWrapper__yvnNp h1 { font-size: calc(var(--spc-xl-w) * 1.2); margin: 0 } .Hero_textWrapper__yvnNp h2 { max-width: 1000px; margin: 0 auto } .Hero_buttonWrapper__iS4an { display: grid; grid-template-columns: repeat(2, auto); grid-gap: var(--spc-lg-w); gap: var(--spc-lg-w) } .Hero_formWrapper__Qoj86, .Hero_rebateWidget__RXVce { padding: var(--spc-md); background-color: var(--bg-color-50); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); box-shadow: var(--shadow-far) } .Hero_formWrapper__Qoj86 { border-radius: var(--rnd-md) } @media screen and (max-width:1000px) { .Hero_isHeroForm__V7ktc, .Hero_isHeroForm__V7ktc.Hero_formLeft__pd_YD, .Hero_isHeroForm__V7ktc.Hero_formRight__sZNcI { grid-template-columns: 1fr; grid-template-areas: "text" "form" } .Hero_isHeroForm__V7ktc .Hero_textWrapper__yvnNp { text-align: center } } @media screen and (max-width:500px) { .Hero_textWrapper__yvnNp { --offset-pos: calc(var(--spc-xl-w)); min-height: unset; padding: var(--spc-xl2-h) var(--spc-sm-w) } .Hero_isHeroForm__V7ktc { min-height: 500px } .Hero_isHeroForm__V7ktc .Hero_textWrapper__yvnNp { padding: var(--spc-md-h) var(--spc-sm-w) } .Hero_isHeroForm__V7ktc .Hero_formElement__iqled { padding: 0 } } .LiteratureDownload_wrapper__T6OiA { padding: var(--spc-lg-h) var(--spc-xl-w); background: var(--bg-gray); border-radius: var(--rnd-lg) } .LiteratureDownload_contentWrapper__J_X0Q { display: grid; grid-template-columns: auto auto; place-content: center; place-items: center; grid-gap: var(--spc-xl2-w); gap: var(--spc-xl2-w); width: 100%; margin: 0 auto } .LiteratureDownload_posterWrapper__Zisvs { display: grid; width: 100%; place-content: center } .LiteratureDownload_linkWrapper__QIONy { width: 100% } .LiteratureDownload_textWrapper__c9YT7 { margin: 0; height: -moz-fit-content; height: fit-content } @media screen and (max-width:900px) { .LiteratureDownload_contentWrapper__J_X0Q { grid-template-columns: 1fr; gap: var(--spc-lg-h) } } .Sections_twoColumnImgGrid__5sjlD, .Sections_twoColumnImgLeft__1_jbB, .Sections_twoColumnImgRight__Ox0LZ { display: grid; grid-gap: var(--spc-xl-w); gap: var(--spc-xl-w); align-items: center; margin-right: auto; margin-left: auto } .Sections_twoColumnImgRight__Ox0LZ { grid-template-columns: repeat(2, 1fr); grid-template-areas: "details img" } .Sections_twoColumnImgLeft__1_jbB { grid-template-columns: repeat(2, 1fr); grid-template-areas: "img details" } .Sections_twoColumnImgGrid__5sjlD { grid-template-columns: 2fr 1fr; grid-template-areas: "img details" } .Sections_hasBgImage__n31Oj:not(.Sections_featureWrapper__1F2fj) { padding: 0 var(--spc-md-w) } .Sections_gridEven__qlVcb { grid-template-columns: repeat(2, 1fr) } .Sections_detailsPanel__t8iwf { display: grid; grid-area: details; border-radius: var(--rnd-md); background-color: var(--bg-color-50) } .Sections_detailsPanel__t8iwf.Sections_isTextFocus__Z1KvJ { padding-right: 0 } .Sections_featureWrapper__1F2fj .Sections_detailsPanel__t8iwf { padding: var(--spc-lg-h) var(--spc-xl-w); text-align: center } .Sections_detailsPanel__t8iwf.Sections_glass___9a4c, .Sections_detailsPanel__t8iwf.Sections_standard__cIdwq { -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); padding: var(--spc-xl) } .Sections_detailsPanel__t8iwf.Sections_standard__cIdwq { background-color: var(--bg-gray) } .Sections_detailsPanel__t8iwf.Sections_glass___9a4c { background-color: var(--bg-color-50) } .Sections_detailsPanel__t8iwf button { margin: var(--spc-md-h) 0 } .Sections_isDarkMode__GbMAC .Sections_detailsPanel__t8iwf { background-color: var(--gray-dp-50); border: 0 } .Sections_hasBgImage__n31Oj .Sections_detailsPanel__t8iwf { background-color: unset; -webkit-backdrop-filter: unset; backdrop-filter: unset; border: none } .Sections_categoryWrapper__bQBoS { margin: var(--spc-xl3-h) auto } .Sections_categoryWrapper__bQBoS>h3 { padding-bottom: var(--spc-sm-h); border-bottom: var(--border) } .Sections_elementGroupWrapper__QZV0k { display: grid; grid-gap: var(--spc-lg-w); gap: var(--spc-lg-w); grid-template-columns: var(--spc-xl4-w) auto; margin: var(--spc-xl-h) 0 } .Sections_elementDetails__Ra2Ec, .Sections_elementGroupWrapper__QZV0k>h6 { margin: 0; padding: 0; padding-top: var(--spc-md-h); padding-right: var(--spc-sm-w); border-right: var(--border) } .Sections_tabsGridWrapper__VLo1c { grid-template-areas: "details tabs" } .Sections_tabsGridWrapper__VLo1c .Sections_elementDetails__Ra2Ec { grid-area: details } .Sections_tabsArea__MMCaJ { grid-area: tabs } .Sections_flexRow__8voTn { display: flex; flex-flow: row wrap; gap: var(--spc-lg-w); margin: var(--spc-md-h) 0; align-items: center } .Sections_flexItemCtr__lwXVT { display: grid; grid-gap: var(--spc-sm-h); gap: var(--spc-sm-h); justify-items: center } .Sections_flexItemCtr__lwXVT p { margin: 0 } .Sections_sizeBoxWrapper__PqNyU { display: grid; grid-template-columns: 1fr 2fr; margin: var(--spc-xl-h) 0; grid-gap: var(--spc-xl-w); gap: var(--spc-xl-w) } .Sections_featureWrapper__1F2fj { display: grid; grid-template-areas: "details" } .Sections_featureWrapper__1F2fj .Sections_detailsPanel__t8iwf { place-content: center; place-items: center } .Sections_featureWrapper__1F2fj .Sections_detailsPanel__t8iwf :is(p, h4, h5, h6, span) { max-width: 1000px } .Sections_iconList__yf5oV { grid-area: list } .Sections_code__Qs1_r { color: var(--accent-color); padding: var(--spc-xs); background-color: var(--bg-gray); border-radius: var(--rnd-sm); cursor: pointer } .Sections_sizeBox__Y2W_J { position: relative; background-color: var(--purple-50); margin-top: var(--spc-lg-h) } .Sections_height__KRTFx, .Sections_width__4ztpN { margin: 0; position: absolute; width: -moz-fit-content; width: fit-content; font-size: smaller } .Sections_height__KRTFx { top: 50%; right: 0; translate: 43px -50% } .Sections_width__4ztpN { top: -25px; left: 50%; translate: -50% 0 } .Sections_bgImage__JzjRB * { --img-width: 1fr } .Sections_isDarkMode__GbMAC :not(button, button span) { color: var(--white) } .Sections_glass___9a4c.Sections_isDarkMode__GbMAC { background-color: var(--gray-dp-50) } @media screen and (max-width:400px) { .Sections_detailsPanel__t8iwf { padding: var(--spc-md) } .Sections_form__Gie0Q.Sections_compact__ojK9H { display: grid } } @media screen and (max-width:1000px) { .Sections_next-image-wrapper__0G50n img { position: relative; object-fit: cover; object-position: center } .Sections_twoColumnImgLeft__1_jbB, .Sections_twoColumnImgRight__Ox0LZ { grid-template-columns: 1fr; grid-template-areas: "img" "details"; gap: var(--spc-md-h); height: unset } .Sections_isAltLayout__H4I_l { grid-template-areas: "details" "img" } .Sections_detailsPanel__t8iwf, .Sections_detailsPanel__t8iwf.Sections_isTextFocus__Z1KvJ { padding: 0 } .Sections_detailsPanel__t8iwf.Sections_glass___9a4c:not(.Sections_isTextFocus__Z1KvJ), .Sections_detailsPanel__t8iwf.Sections_standard__cIdwq { padding: var(--spc-md) } .Sections_elementGroupWrapper__QZV0k { grid-template-columns: 1fr } .Sections_featureWrapper__1F2fj .Sections_detailsPanel__t8iwf { padding: 0 } .Sections_elementDetails__Ra2Ec, .Sections_elementGroupWrapper__QZV0k>h6 { border-right: none; border-bottom: var(--border) } .Sections_tabsGridWrapper__VLo1c { grid-template-areas: unset } .Sections_tabsArea__MMCaJ, .Sections_tabsGridWrapper__VLo1c .Sections_elementDetails__Ra2Ec { grid-area: unset } } .Cards_cardGroupsWrapper__5Ammb { --bento-gap: var(--spc-md-w); display: grid; grid-gap: var(--bento-gap); gap: var(--bento-gap); margin-top: var(--spc-xl-h) } .Cards_cardGroup__Z7d4Q { display: grid; grid-template-columns: var(--grid-even); justify-items: center; grid-gap: var(--bento-gap); gap: var(--bento-gap); width: 100%; margin: 0 auto } .Cards_rows-of-3-cards__lllGK { grid-template-columns: repeat(3, 1fr) } .Cards_rows-of-4-cards__iCMca { grid-template-columns: repeat(4, 1fr) } .Cards_rows-of-5-cards__A2sQT { grid-template-columns: repeat(5, 1fr) } .Cards_buttonWrapper__z1I2t { display: flex; place-content: center; margin-top: var(--spc-xl-h) } .Cards_isTabContent__ZHmpu { margin: auto } .Cards_body__5A_wA { text-align: center; margin-left: auto; margin-right: auto; max-width: 1000px } .Cards_cardWrapper__8cB4K { width: 100% } .Cards_bento__q_uKp .Cards_cardWrapper__8cB4K, .Cards_masonry__Za2j6 .Cards_cardWrapper__8cB4K { height: 100% } .Cards_card-1__0wE2r { grid-area: a } .Cards_card-2__RLItM { grid-area: b } .Cards_card-3__yaUIr { grid-area: c } .Cards_card-4__RpFOU { grid-area: d } .Cards_card-5__sxcBh { grid-area: e } .Cards_card-6__cWQ_M { grid-area: f } .Cards_bento__q_uKp { --layout-1-cards: "a a a"; --layout-2-cards: "a a b" "a a b" "a a b" "a a b"; --layout-3-cards: "a b b" "a b b" "a c c" "a c c"; --layout-4-cards: "a b c" "a b c" "a d c" "a d c"; --layout-5-cards: "a b c" "a b c" "a d c" "a d e" "a d e"; --layout-6-cards: "a b c" "a b c" "a e c" "d e f" "d e f"; display: grid; grid-template-columns: var(--grid-3); grid-template-rows: var(--grid-5); background-color: transparent } .Cards_bento__q_uKp.Cards_layout-1-cards__X0W75 { grid-template-rows: auto; grid-template-areas: var(--layout-1-cards) } .Cards_bento__q_uKp.Cards_layout-2-cards__LXK8C { grid-template-rows: var(--grid-4); grid-template-areas: var(--layout-2-cards) } .Cards_bento__q_uKp.Cards_layout-3-cards__hGieZ { grid-template-rows: var(--grid-4); grid-template-areas: var(--layout-3-cards) } .Cards_bento__q_uKp.Cards_layout-4-cards__p8jV4 { grid-template-rows: var(--grid-4); grid-template-areas: var(--layout-4-cards) } .Cards_bento__q_uKp.Cards_layout-5-cards__hQHDS { grid-template-areas: var(--layout-5-cards) } .Cards_bento__q_uKp.Cards_layout-6-cards__JIcu2 { grid-template-areas: var(--layout-6-cards) } .Cards_masonry__Za2j6 { --layout-1-cards: "a a a a a a a a"; --layout-2-cards: "a a a a a b b b"; --layout-3-cards: "a a b b b b c c"; --layout-4-cards: "a a b b b b c c" "d d d d d d d d"; --layout-5-cards: "a a b b b b c c" "d d d d e e e e"; --layout-6-cards: "a a b b b b c c" "d d d e e f f f"; display: grid; grid-template-columns: var(--grid-8); grid-template-rows: var(--grid-2); background-color: transparent } .Cards_masonry__Za2j6.Cards_layout-1-cards__X0W75 { grid-template-rows: auto; grid-template-areas: var(--layout-1-cards) } .Cards_masonry__Za2j6.Cards_layout-2-cards__LXK8C { grid-template-rows: auto; grid-template-areas: var(--layout-2-cards) } .Cards_masonry__Za2j6.Cards_layout-3-cards__hGieZ { grid-template-rows: auto; grid-template-areas: var(--layout-3-cards) } .Cards_masonry__Za2j6.Cards_layout-4-cards__p8jV4 { grid-template-areas: var(--layout-4-cards) } .Cards_masonry__Za2j6.Cards_layout-5-cards__hQHDS { grid-template-areas: var(--layout-5-cards) } .Cards_masonry__Za2j6.Cards_layout-6-cards__JIcu2 { grid-template-areas: var(--layout-6-cards) } .Cards_standard__wKCQH { border-radius: var(--rnd-md) } .Cards_glass__k_Bim { margin-bottom: 0; gap: var(--spc-xl-w) } @media screen and (max-width:1000px) { .Cards_cardGroup__Z7d4Q { grid-template-columns: auto; gap: var(--spc-md-h) } .Cards_bento__q_uKp, .Cards_masonry__Za2j6 { --layout-1-cards: "a a"; --layout-2-cards: "a a" "b b"; --layout-3-cards: "a a" "b c"; --layout-4-cards: "a b" "c d"; --layout-5-cards: "a a" "b c" "d e"; --layout-6-cards: "a b" "c d" "e f"; gap: var(--spc-md); grid-template-columns: var(--grid-2); grid-template-rows: auto } .Cards_bento__q_uKp.Cards_layout-1-cards__X0W75, .Cards_masonry__Za2j6.Cards_layout-1-cards__X0W75 { grid-template-rows: auto } .Cards_bento__q_uKp.Cards_layout-2-cards__LXK8C, .Cards_bento__q_uKp.Cards_layout-3-cards__hGieZ, .Cards_bento__q_uKp.Cards_layout-4-cards__p8jV4, .Cards_masonry__Za2j6.Cards_layout-2-cards__LXK8C, .Cards_masonry__Za2j6.Cards_layout-3-cards__hGieZ, .Cards_masonry__Za2j6.Cards_layout-4-cards__p8jV4 { grid-template-rows: var(--grid-2) } .Cards_bento__q_uKp.Cards_layout-5-cards__hQHDS, .Cards_bento__q_uKp.Cards_layout-6-cards__JIcu2, .Cards_masonry__Za2j6.Cards_layout-5-cards__hQHDS, .Cards_masonry__Za2j6.Cards_layout-6-cards__JIcu2 { grid-template-rows: var(--grid-3) } } @media screen and (max-width:600px) { .Cards_bento__q_uKp, .Cards_masonry__Za2j6 { --layout-1-cards: "a"; --layout-2-cards: "a" "b"; --layout-3-cards: "a" "b" "c"; --layout-4-cards: "a" "b" "c" "d"; --layout-5-cards: "a" "b" "c" "d" "e"; --layout-6-cards: "a" "b" "c" "d" "e" "f"; grid-template-columns: 1fr } .Cards_bento__q_uKp.Cards_layout-1-cards__X0W75, .Cards_bento__q_uKp.Cards_layout-2-cards__LXK8C, .Cards_bento__q_uKp.Cards_layout-3-cards__hGieZ, .Cards_bento__q_uKp.Cards_layout-4-cards__p8jV4, .Cards_bento__q_uKp.Cards_layout-5-cards__hQHDS, .Cards_bento__q_uKp.Cards_layout-6-cards__JIcu2, .Cards_masonry__Za2j6.Cards_layout-1-cards__X0W75, .Cards_masonry__Za2j6.Cards_layout-2-cards__LXK8C, .Cards_masonry__Za2j6.Cards_layout-3-cards__hGieZ, .Cards_masonry__Za2j6.Cards_layout-4-cards__p8jV4, .Cards_masonry__Za2j6.Cards_layout-5-cards__hQHDS, .Cards_masonry__Za2j6.Cards_layout-6-cards__JIcu2 { grid-template-rows: auto } } .Listing_wrapper__8uFfS { padding: var(--spc-xl-h) 0 } .Listing_withFilters__CXi_v { --filter-panel-width: clamp(150px, 20vw, 250px); position: relative; display: grid; grid-template-columns: var(--filter-panel-width) 1fr; min-height: 600px } .Listing_filterPanel__izAcp { z-index: 99; height: -moz-fit-content; height: fit-content; width: var(--filter-panel-width); background-color: var(--bg-color-50); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); padding: var(--spc-md); border-radius: var(--rnd-md); box-shadow: var(--shadow-far) } .Listing_searchBar__DwtPk { display: grid; place-content: center } .Listing_listingsPanel__5_DnP { padding: 0; padding-left: var(--spc-sm-w) } @media screen and (max-width:900px) { .Listing_withFilters__CXi_v { grid-template-columns: 1fr; gap: var(--spc-md-h) } .Listing_filterPanel__izAcp { background-color: transparent; -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); padding: 0; border-radius: 0; box-shadow: none; width: 100% } .Listing_formWrapper__JrZ94 { display: none } .Listing_searchBar__DwtPk { width: 100% } } .Form_form__4s6L2 { margin: 0 auto; width: 100%; border-radius: var(--rnd-md) } .Form_form__4s6L2.Form_compact__Gr0Mv { display: flex; justify-content: center; gap: var(--spc-sm-w) } .Form_form__4s6L2.Form_background__00Pyl, .Form_form__4s6L2.Form_bordered__1OfAe, .Form_form__4s6L2.Form_isDarkMode__RnlID { padding: var(--spc-md); border: var(--border) } .Form_form__4s6L2.Form_isDarkMode__RnlID { --accent-color: var(--blue); --fg-color: var(--white); --input-bg: var(--gray-dk); --hover-color: var(--blue); --border: var(--border-size) solid var(--white-10); border: var(--border); background-color: var(--gray-dp) } .Form_form__4s6L2.Form_background__00Pyl { background-color: var(--bg-color-50); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); box-shadow: var(--shadow-far); border: unset } .Form_formContent__HG7QB { --max-width: 560px; --max-height: 650px; --form-content-width: clamp(280px, 44vw, var(--max-width)); margin: var(--spc-lg-h) auto; max-width: var(--max-width); display: flex; flex-direction: column; flex-wrap: wrap; place-content: center; gap: var(--spc-sm-h) } .Form_formContent__HG7QB.Form_singleField__CrDCS { flex-direction: row; flex-wrap: nowrap; gap: var(--spc-sm-h); place-items: center; margin: var(--spc-md-h) auto } .Form_twoColumn__1ryn6 .Form_formContent__HG7QB { max-height: var(--max-height); max-width: unset } .Form_compact__Gr0Mv .Form_formContent__HG7QB { margin-top: var(--spc-sm-h); margin-bottom: var(--spc-sm-h) } .Form_formContent__HG7QB.Form_isFilter__nbU_g { margin: 0 auto; flex-wrap: nowrap; flex-direction: column } .Form_formInstructions__iJDW2 { max-width: 800px; text-align: center; margin-top: 0; margin-left: auto; margin-right: auto } .Form_formContentBlock__FcNub { container-type: inline-size; width: var(--form-content-width) } .Form_isFilter__nbU_g .Form_formContentBlock__FcNub, .Form_singleField__CrDCS .Form_formContentBlock__FcNub { container-type: unset; width: auto } .Form_expandable__M7Im1 { position: absolute; max-height: 0; visibility: hidden } .Form_expandable__M7Im1.Form_isExpanded__JM8ZA { position: static; max-height: 1000px; visibility: visible } @media screen and (max-width:900px) { .Form_twoColumn__1ryn6 .Form_formContent__HG7QB { max-height: unset; margin: 0 auto } .Form_formContentBlock__FcNub { width: 100% } } .Locator_pageHeading__9fV_G { text-align: center; margin-top: 0 } .Locator_searchBar__yD4tv { display: grid; place-content: center } .Locator_searchBar__yD4tv form { display: flex; gap: var(--spc-sm-w) } .Locator_mapResultsWrapper__cp5_J { display: grid; grid-template-columns: 4fr 7fr; grid-gap: var(--spc-md-w); gap: var(--spc-md-w); margin: var(--spc-lg-h) auto; align-items: flex-start } .Locator_cardsResultsWrapper__pRTHS { display: grid; grid-gap: var(--spc-lg-w); gap: var(--spc-lg-w); grid-template-columns: repeat(3, 1fr); justify-content: center; justify-items: center; margin-top: var(--spc-xl-h) } @media screen and (max-width:1000px) { .Locator_cardsResultsWrapper__pRTHS { grid-template-columns: repeat(2, 1fr) } } @media screen and (max-width:600px) { .Locator_cardsResultsWrapper__pRTHS { grid-template-columns: 1fr } } .Colors_colorGridWrapper__tnLHq { --gap: 8px; min-height: 50vh } .Colors_colorRow___Wkvj { position: relative; display: grid; grid-template-columns: var(--spc-lg-w) var(--grid-auto); grid-gap: var(--spc-lg-w); gap: var(--spc-lg-w); margin: var(--spc-xl-h) 0; align-items: center } .Colors_colorTitleWrapper__d4fWI { position: relative; border-radius: var(--spc-lg-w); overflow: hidden; height: 100%; min-height: 100px; box-shadow: var(--shadow-far) } .Colors_noShadow___BJ19 { box-shadow: none } .Colors_colorTitle__IgAII { position: absolute; margin: 0; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(270deg); text-align: center; white-space: nowrap } .Colors_shadeGroup__nPHdE { display: grid; grid-template-columns: var(--grid-auto) } .Colors_colorSwatch__z8orL, .Colors_shadeTitle__RL39K { display: flex; place-self: center; margin: 0 } .Colors_primaryTitle___BEe6 { font-family: var(--main-font-bold) } .Colors_transBlock__8DpZo { width: var(--trap-w) } .Colors_accGroup__iiV5u { display: grid; grid-template-columns: var(--grid-auto); height: 100% } @media screen and (max-width:1100px) { .Colors_accGroup__iiV5u { grid-template-columns: 1fr; height: 100%; gap: var(--spc-lg-h) } } .Footers_footerWrapper__8EsU6 { --footer-row-gap: var(--spc-md-h); --footer-column-gap: var(--spc-lg-w); min-height: 15vh; background-color: var(--black); background-image: radial-gradient(circle at 120% 20%, var(--blue-30) 0, var(--shape-xl2)), radial-gradient(circle at 120% 20%, var(--purple-20) 0, var(--shape-xl)); padding: var(--spc-xl-h) 0 } .Footers_footerContent__c9Rdd { display: grid; margin: 0 auto; padding: var(--spc-md-h) var(--spc-lg-w); grid-row-gap: var(--footer-row-gap); row-gap: var(--footer-row-gap); max-width: var(--content-width) } .Footers_footerColumnsWrapper__4WIq0 { display: grid; grid-template-columns: var(--grid-auto) } .Footers_footer__QxDea.Footers_primary__Y5rUM { color: var(--white) } .Footers_footerColumn__KqE2i { background-color: transparent } .Footers_socialLinksWrapper__6EgFN { display: grid; grid-template-columns: var(--grid-auto); grid-gap: var(--spc-md-w); gap: var(--spc-md-w); place-items: center; justify-content: center } .Footers_linkColumnTitle__zGMG5 { text-align: left; font-size: 1.5rem; color: var(--white); font-family: var(--main-font); opacity: .6; margin-bottom: var(--spc-md-h) } .Footers_links___spmj { display: grid; grid-gap: var(--spc-lg-h); gap: var(--spc-lg-h) } .Footers_logoWrapper__mqP1E { height: clamp(60px, 10vh, 100px) } .Footers_copyrightBarWrapper__UcEyr { margin-top: var(--spc-xl-h) } @media screen and (max-width:900px) { .Footers_footerWrapper__8EsU6 { background-image: radial-gradient(circle at 120% 50%, var(--blue-30) 0, var(--shape-xl)), radial-gradient(circle at 120% 50%, var(--purple-20) 0, var(--shape-xl)) } .Footers_footerColumnsWrapper__4WIq0 { grid-template-columns: 1fr; gap: var(--spc-xl-h) } .Footers_logoWrapper__mqP1E { margin: 0 auto } .Footers_linkColumnTitle__zGMG5 { margin-bottom: var(--spc-md-h) } } .Headers_headerWrapper__zBpBQ { position: fixed; width: 100%; height: var(--header-ht); top: 0; z-index: 100 } .Headers_mainBarBackground__tzGmQ { background: var(--bg-color-80); transition: var(--fade-slow); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur) } .Headers_mainBarContent__eqfKR { padding: var(--spc-sm-h) var(--spc-md-w); max-width: var(--content-width); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: var(--spc-xl2) } .Headers_mainBarContent__eqfKR.Headers_noNav__jwHC3 { justify-content: center } .Headers_anchorLinks__QjIbU { display: flex; place-content: center; align-items: center; gap: var(--spc-sm-w) } .Headers_headerCta__TpQ_5 { translate: 0 calc((var(--header-ht) - 100%) * -1); transition: var(--fade-slow) } .Headers_headerCta__TpQ_5.Headers_isVisible__4_fza { translate: 0 0 } @media screen and (max-width:900px) { .Headers_desktopNav____39Z { display: none; visibility: hidden; opacity: 0 } .Headers_mainBarContent__eqfKR { padding: var(--spc-sm-h) var(--spc-md-w); justify-content: center; gap: 0 } } .Typography_fontSizeRow__BuKhs { display: grid; grid-template-columns: 6rem auto; align-items: center; grid-gap: var(--spc-md-w); gap: var(--spc-md-w) } .Typography_fontSizeRow__BuKhs :is(h1, h2, h3, h4, h5, h6, p) { margin: 0 } .Typography_fontFamilyGroup__jYfrR { display: flex; flex-direction: column; gap: var(--spc-lg-h) } .Typography_fontSizeGroup__P04kY { display: flex; flex-direction: column; gap: var(--spc-sm-h) } .Typography_fontSizeValue__ZcVSm { display: grid; place-content: center; background-color: var(--bg-gray); border-radius: var(--rnd-sm); text-align: center; vertical-align: middle; height: 100%; padding: var(--spc-xs2-h) 0 } .Typography_fontSizeValue__ZcVSm p { font-family: var(--main-font-bold) } .UIElements_iconAreaWrapper__Or2bm { display: grid; grid-gap: var(--spc-lg-h); gap: var(--spc-lg-h) } .UIElements_iconOverview__Pgmx5 { display: grid; margin-right: var(--spc-lg-w) } .UIElements_iconSizes__p54oz { display: flex; gap: var(--spc-lg-w) } .UIElements_iconSize__9_Yd_ { display: grid; justify-items: center; align-content: flex-start; grid-gap: var(--spc-sm-h); gap: var(--spc-sm-h) } .UIElements_iconOverview__Pgmx5 p, .UIElements_iconSize__9_Yd_ p { margin: 0; text-align: center } .UIElements_iconColor__i5eIK * { display: inline } .Inputs_inputWrapper__8XI3Z { --input-padding: var(--spc-sm-w); position: relative; width: 100% } .Inputs_hiddenLabel__hT5O5 { position: fixed; color: transparent; opacity: 0; width: 0; pointer-events: none } .Inputs_valid__ngipq { box-shadow: none } .Inputs_required__mOwlv:after { content: "*" } .Inputs_checkboxInputWrapper__kQb2T label, .Inputs_radioInputWrapper__51kZx label { --border-color: transparent; display: grid; grid-template-columns: auto 1fr; align-items: start; justify-items: flex-start; grid-gap: var(--spc-xs2-w); gap: var(--spc-xs2-w); transition: var(--fade); cursor: pointer; outline: none } .Inputs_checkboxInputWrapper__kQb2T label.Inputs_smallText__MLAp6, .Inputs_radioInputWrapper__51kZx label.Inputs_smallText__MLAp6 { font-size: small; gap: var(--spc-xs2-w) } .Inputs_checkboxInputWrapper__kQb2T label.Inputs_selected__7Rz4p, .Inputs_radioInputWrapper__51kZx label.Inputs_selected__7Rz4p { color: var(--accent-color) } .Inputs_checkboxInput__ORWTl, .Inputs_radioInput__VlL5q { position: absolute; opacity: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0) } .Inputs_placeholder__hKpZP { position: absolute; top: 50%; translate: 0 -50%; right: var(--input-padding); z-index: 10 } .Inputs_fieldErrorMsg__5qgh2 { --pad: 2px; position: absolute; top: 95%; width: 100%; text-align: center; color: var(--error-color); border-radius: 8px; font-family: var(--main-font-bold); font-size: smaller; z-index: 10 } .Inputs_inputWrapper__8XI3Z input, .Inputs_inputWrapper__8XI3Z select, .Inputs_inputWrapper__8XI3Z textarea { border: var(--border); width: 100%; outline: none; position: relative; padding: var(--spc-xs-h) var(--input-padding); color: var(--fg-color); border-radius: var(--rnd-sm); background-color: var(--input-bg); transition: var(--fade); font-family: var(--main-font-bold); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); z-index: 2; padding-top: var(--spc-xs2-h); padding-bottom: var(--spc-xs2-h) } .Inputs_inputWrapper__8XI3Z:has(input, select) { max-width: 600px } .Inputs_inputWrapper__8XI3Z .Inputs_hidden__4vQJP { display: absolute; height: 0; width: 0; opacity: 0 } input.Inputs_valid__ngipq, textarea.Inputs_valid__ngipq { border: var(--solid) var(--success-color) } input.Inputs_invalid__sKOJf, textarea.Inputs_invalid__sKOJf { border: var(--solid) var(--error-color) } .Inputs_inputWrapper__8XI3Z input:disabled, .Inputs_inputWrapper__8XI3Z select:disabled, .Inputs_inputWrapper__8XI3Z textarea:disabled, a.Inputs_btn__OA_vu.Inputs_secondary__cuHFt:disabled { opacity: .4; box-shadow: none } .Inputs_inputWrapper__8XI3Z input[type=email], .Inputs_inputWrapper__8XI3Z input[type=submit], .Inputs_inputWrapper__8XI3Z input[type=tel], .Inputs_inputWrapper__8XI3Z input[type=text], .Inputs_inputWrapper__8XI3Z select { -webkit-appearance: none } .Inputs_inputWrapper__8XI3Z textarea { resize: none } .Inputs_inputWrapper__8XI3Z select::-ms-expand { display: none } .Inputs_inputWrapper__8XI3Z input:focus, .Inputs_inputWrapper__8XI3Z select:focus, .Inputs_inputWrapper__8XI3Z textarea:focus { box-shadow: var(--shadow-tight); border-color: var(--fg-color); outline: none } .Inputs_inputWrapper__8XI3Z.Inputs_searchInput__aNS_Y { width: clamp(200px, 50vw, 1000px); box-shadow: none; cursor: pointer; transition: var(--fade) } .Inputs_inputWrapper__8XI3Z.Inputs_isNotFocused__RbZhx { translate: 0 } .Inputs_inputWrapper__8XI3Z img { position: absolute; top: 50%; translate: 0 -50%; right: 8px; width: 20px; cursor: pointer; opacity: .3; transition: var(--fade-ease); z-index: 100 } .Inputs_inputWrapper__8XI3Z:hover img { opacity: 1 } .Inputs_inputWrapper__8XI3Z:has(.Inputs_zipCodeField__90UyB) { width: clamp(110px, 20vw, 160px) } @media only screen and (min-width:1025px) { .Inputs_checkboxInputWrapper__kQb2T label:hover, .Inputs_radioInputWrapper__51kZx label:hover { color: var(--accent-color) } } .Tabs_tabsSectionTitle__aIEYW { text-align: center; max-width: 1000px } .Card_cardContentWrapper__DkYF1 { --img-height: 50vh; border-radius: var(--rnd-lg); text-align: left; display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; transition: var(--fade-md) } .Card_cardContentWrapper__DkYF1.Card_hasImage__MraqJ { min-height: var(--img-height) } .Card_cardContentWrapper__DkYF1.Card_standard__PSPvt { background-color: var(--bg-gray) } .Card_cardContentWrapper__DkYF1.Card_glass__bElJ2 { border-radius: 0 } .Card_simple__b4Rpk h3 { font-size: var(--h5-size); font-family: var(--headline-font-bold); margin: auto } .Card_simple__b4Rpk h4 { font-size: var(--h6-size) } .Card_cardContentWrapper__DkYF1.Card_items-left__nGcU9 { justify-items: flex-start } .Card_cardContentWrapper__DkYF1.Card_backgroundImage__eSmN7:has(.Card_bottom__DuEUK) { flex-wrap: wrap; justify-content: flex-end } .Card_cardContentWrapper__DkYF1.Card_backgroundImage__eSmN7:has(.Card_center__lEP7z) { flex-wrap: wrap; justify-content: center } .Card_cardContentWrapper__DkYF1.Card_backgroundImage__eSmN7:has(.Card_top__diS3U) { flex-wrap: wrap; justify-content: flex-start } .Card_cardContentWrapper__DkYF1.Card_backgroundGray__5AMot { background-color: var(--bg-gray); padding: var(--spc-md) } .Card_cardContentWrapper__DkYF1.Card_bordered__14beA { --img-height: 20vh; background-color: transparent; border: var(--border); padding: var(--spc-md) } .Card_videoElement__cqXWw { object-fit: cover; width: 100%; height: 100%; border-radius: var(--rnd-md) var(--rnd-md) 0 0 } .Card_imgWrapper__6CQQg { display: flex; place-content: center; width: 100%; height: clamp(150px, 35vh, var(--img-height)); position: relative } .Card_imgWrapper__6CQQg.Card_contained__0HjD2 { height: clamp(150px, 30vh, var(--img-height)) } .Card_bentoCard__evFur .Card_imgWrapper__6CQQg { height: 100%; min-height: 200px } .Card_imgWrapper__6CQQg img { border-radius: var(--rnd-md); object-fit: cover } .Card_cardContentWrapper__DkYF1.Card_standard__PSPvt img { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .Card_cardContentWrapper__DkYF1.Card_glass__bElJ2:not(.Card_bentoCard__evFur) .Card_imgWrapper__6CQQg { height: clamp(180px, 35vh, var(--img-height)) } .Card_imgWrapper__6CQQg.Card_icon__SbSRQ { width: unset; height: unset } .Card_imgWrapper__6CQQg.Card_icon__SbSRQ img { object-fit: contain; border-radius: 0 } .Card_textWrapper__Z5nYr { gap: var(--spc-md-h); padding: var(--spc-md); z-index: 10 } .Card_textWrapper__Z5nYr.Card_center__lEP7z { justify-items: center } .Card_textWrapper__Z5nYr p { font-family: var(--main-font) } .Card_cardContentWrapper__DkYF1.Card_glass__bElJ2 .Card_textWrapper__Z5nYr { border-radius: var(--rnd-md); background-color: var(--glass-color); -webkit-backdrop-filter: var(--blur-sm); backdrop-filter: var(--blur-sm); box-shadow: var(--inner-glow), var(--shadow-far) } .Card_cardContentWrapper__DkYF1.Card_glass__bElJ2:not(.Card_bentoCard__evFur) .Card_textWrapper__Z5nYr { translate: var(--spc-xs-w) calc(var(--spc-xl3-h) * -.6) } .Card_cardContentWrapper__DkYF1.Card_glass__bElJ2.Card_bentoCard__evFur .Card_textWrapper__Z5nYr { translate: 0 calc(var(--spc-xl3-h) * -.6) } .Card_cardContentWrapper__DkYF1.Card_glass__bElJ2.Card_isDarkMode__vgjxR .Card_textWrapper__Z5nYr { box-shadow: var(--inner-shadow), var(--shadow-med) } .Card_cardContentWrapper__DkYF1.Card_glass__bElJ2:not(.Card_bentoCard__evFur) .Card_imgWrapper__6CQQg { translate: calc(var(--spc-xs-w) * -1) } .Card_cardContentWrapper__DkYF1.Card_center__lEP7z .Card_textWrapper__Z5nYr { text-align: center; justify-items: center; padding: var(--spc-xs); padding-top: var(--spc-md-h) } .Card_cardContentWrapper__DkYF1.Card_right__gP6im .Card_textWrapper__Z5nYr { text-align: right; justify-items: end } .Card_textWrapper__Z5nYr :is(ul, li, .Card_center__lEP7z .Card_lexicon-popup__UjuYC, .Card_lexicon-popup__UjuYC) { text-align: left } .Card_textWrapper__Z5nYr ul { -webkit-padding-start: 20px; padding-inline-start: 20px; max-width: 300px; margin-left: auto; margin-right: auto } .Card_cardLink__mB0Ky { display: block; margin: auto 0 1rem } .Card_contractorCard__Q_PNH { gap: var(--spc-sm-h); background-color: var(--gray-dk); padding: var(--spc-md); height: unset; transition: var(--fade) } .Card_contractorHeading__DAP3U { display: grid; grid-template-columns: 1fr auto; grid-gap: var(--spc-sm-w); gap: var(--spc-sm-w) } .Card_ctaWrapper__kS73M { display: grid; grid-gap: var(--spc-sm-h); gap: var(--spc-sm-h); margin-top: var(--spc-sm-h) } .Card_contractorTierBadge__V31_R { cursor: help; text-align: center; color: var(--fg-color) } .Card_tierName__Mg3V_ { font-family: var(--headline-font); text-align: center; font-size: .7em; letter-spacing: normal; margin: 0 auto } .Card_modalContentWrapper__v6vTd { display: grid; grid-gap: var(--spc-xs-h); gap: var(--spc-xs-h); min-width: 300px } .Card_metaData__Va1NH { padding: 5px var(--spc-sm-w); border: var(--border); border-radius: var(--rnd-sm); background-color: var(--bg-color) } .Card_cardContentWrapper__DkYF1.Card_dark-mode___YGYb { --bg-color: var(--gray-dp) } .Card_cardContentWrapper__DkYF1.Card_noText__3q2xl { place-content: center; background-color: var(--off-white) } .Card_isClickable__2Jyp5:hover { transform: scale(1.05); z-index: 100 } .Card_cardFootnote__i_2XO p { margin: 0; margin-top: var(--spc-xs-h) } .Card_cardBrochure___Flxm { --width: clamp(250px, 20vw, 300px); display: grid; place-content: center; place-items: center; grid-gap: var(--spc-xs-h); gap: var(--spc-xs-h); width: var(--width) } .Card_cardBrochure___Flxm.Card_noImage__cdNL_ { text-align: center; place-content: unset } .Card_cardBrochure___Flxm a { position: relative; height: 100% } .Card_cardBrochure___Flxm a div:not(.Card_cardDetails__dCcCo) { transition: var(--fade-md) } .Card_cardBrochure___Flxm:not(.Card_noImage__cdNL_) a:hover div:not(.Card_cardDetails__dCcCo) { width: 100%; opacity: 0 } .Card_cardDetails__dCcCo { position: absolute; top: 0; padding: var(--spc-sm); border-radius: var(--rnd-md); background-color: var(--bg-gray); height: 100%; text-align: center } .Card_cardBrochure___Flxm .Card_cardDetails__dCcCo :is(p, h5, h6) { color: var(--fg-color) } .Card_cardBrochureTitle__o8kiN { font-size: var(--h6-size); font-family: var(--main-font-bold) } .Card_cardBrochure___Flxm:not(.Card_noImage__cdNL_) a:hover .Card_cardDetails__dCcCo { width: 100% } .Card_cardDetails__dCcCo.Card_stayVisible__PKgJV { height: 100%; width: var(--width); position: static } .Card_tag__RKyjN { width: -moz-fit-content; width: fit-content; padding: var(--spc-xs-h) var(--spc-sm-w); border: var(--border); border-radius: var(--spc-lg); background-color: var(--green-30); margin: 0 auto } .Card_cardTrainingCenterWrapper__e4PU9 { border-radius: var(--rnd-lg); height: auto; padding: var(--spc-md); transition: var(--fade-md) } .Card_narrow___Jx7T { width: clamp(250px, 100%, 290px) } .Card_mapCard__83EEr { position: absolute; z-index: 99; left: var(--spc-md-w); top: var(--spc-md-h); width: clamp(200px, 75vw, 400px); background-color: var(--gray-dk); color: var(--white); box-shadow: 0 var(--spc-xs-h) var(--spc-lg-w) var(--black-20); border: var(--border) } @media screen and (max-width:400px) { .Card_tierName__Mg3V_ { display: block; opacity: 0; visibility: hidden; width: 0; height: 0 } .Card_mapCard__83EEr { position: unset; width: 100%; translate: 0 -20px } } .NavUtility_contentWrapper__aQ9pD { background: var(--bg-gray-solid) } .NavUtility_navUtility__uZlrj { display: grid; grid-template-columns: 1fr auto; max-width: var(--content-width); height: var(--util-menu-ht); margin: 0 auto; padding: 0 var(--spc-md-w); -moz-column-gap: var(--menu-gap); grid-column-gap: var(--menu-gap); column-gap: var(--menu-gap); align-items: center; align-content: center; z-index: 20 } .NavUtility_navUtility__uZlrj.NavUtility_mobile__vxc7W { grid-template-columns: 1fr } .NavUtility_utilityLinks__DpS5Y { display: flex; column-gap: var(--menu-gap); place-content: center; place-items: center } .NavUtility_utilityLinkWrapper__DQ1rq { display: flex } .NavUtility_navUtility__uZlrj input:focus { background-color: var(--bg-color); box-shadow: none } .NavUtility_navUtility__uZlrj .NavUtility_utilityLink__oslZF { font-family: var(--headline-font); color: var(--fg-color) } .NavUtility_navUtility__uZlrj .NavUtility_utilityBannerLink__BaddE, .NavUtility_navUtility__uZlrj .NavUtility_utilityBannerWrapper__7yEsa p { margin: 0 } .NavUtility_mobile__vxc7W .NavUtility_utilityBannerWrapper__7yEsa { text-align: center } .NavUtility_utilityPanel__BgTv0 { left: 50%; translate: -50% 0; pointer-events: none; width: 90vw; max-width: var(--content-width); padding: var(--spc-lg); border-radius: var(--rnd-sm); border: var(--border); background: var(--bg-color); box-shadow: var(--shadow-far); max-height: 90vh; overflow-y: scroll; z-index: 100 } .NavUtility_utilityPanelBackgroundOverlay__Tnzza, .NavUtility_utilityPanel__BgTv0 { position: fixed; top: var(--util-menu-ht); opacity: 0; visibility: hidden; -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); transition: var(--fade) } .NavUtility_utilityPanelBackgroundOverlay__Tnzza { left: 0; height: 100vh; width: 100vw; background-color: var(--fg-color-50); z-index: 98 } .NavUtility_searchBar__NPOLf { display: grid; place-content: center } .NavUtility_searchBar__NPOLf form { display: flex; gap: var(--spc-sm-w) } ul.NavUtility_searchResults__1hbLv { display: grid; margin-top: var(--spc-md-h); grid-gap: var(--spc-md-h); gap: var(--spc-md-h); padding-left: var(--spc-lg-w) } .NavUtility_utilityPanelBackgroundOverlay__Tnzza.NavUtility_isVisible__lCrXN, .NavUtility_utilityPanel__BgTv0.NavUtility_isVisible__lCrXN { opacity: 1; visibility: visible; pointer-events: auto } .NavUtility_utilityPanel__BgTv0.NavUtility_isVisible__lCrXN { translate: -50% 10px } .NavUtility_searchMenuWrapper__s3muC { position: fixed } .NavUtility_contactUsWrapper__0wzKz { text-align: center; width: clamp(250px, 60vw, 1000px); margin: 0 auto } .NavUtility_navUserWrapper__Iu5bA { position: relative } .NavUtility_downArrowWrapper__y8p53 { position: absolute; z-index: 101; left: 50%; translate: -50% -10px; opacity: 0; visibility: hidden; transition: var(--fade) } .NavUtility_downArrowWrapper__y8p53.NavUtility_isVisible__lCrXN { opacity: 1; visibility: visible; translate: -50% 0 } .NavUtility_userInfoWrapper__uM0IB { display: grid; grid-gap: var(--spc-md-h); gap: var(--spc-md-h); margin: 0 auto; max-width: 800px } .NavUtility_userInfoBlock__g3XOX { position: relative; display: grid; grid-gap: var(--spc-sm-h); gap: var(--spc-sm-h); background-color: var(--bg-color); border: var(--border); border-radius: var(--rnd-sm); padding: var(--spc-sm) } .NavUtility_editBtnWrapper__CbWVk { position: absolute; top: var(--spc-sm-h); right: var(--spc-sm-w); z-index: 10 } .NavUtility_userInfoItem__CdNon { display: grid; grid-template-columns: 1fr 2fr; grid-gap: var(--spc-sm-w); gap: var(--spc-sm-w) } .NavUtility_userInfoItem__CdNon p { margin: 0 } .NavUtility_userLinks__kEyj4 { display: grid; grid-gap: var(--spc-sm-h); gap: var(--spc-sm-h); place-items: center; margin-top: var(--spc-lg-h) } .NavUtility_inputWrapper__GN_H9 { width: -moz-fit-content; width: fit-content; display: inline-block } input.NavUtility_zipInput__m4Z8k { border: none; outline: none; cursor: text; background-color: transparent; padding: 0; display: inline-block; height: auto; width: 70px } input.NavUtility_zipInput__m4Z8k:focus-visible { border: none; outline: none } input.NavUtility_zipInput__m4Z8k:focus { border: none; border-bottom: var(--solid) var(--blue); background-color: transparent; outline: none } input.NavUtility_isEditing__3Wl9E { border-bottom: var(--solid) var(--blue) } .NavUtility_closeBtn__sFXuN { --pos: var(--spc-md-w); position: absolute; top: var(--pos); right: var(--pos) } .Tabs_tabsWrapper__66s4n { padding: 0; margin: 0 auto; min-height: 200px; transition: var(--fade) } .Tabs_tabsWrapper__66s4n.Tabs_vertical__uj0_8 { display: grid; grid-template-columns: auto 1fr; grid-gap: var(--spc-lg-w); gap: var(--spc-lg-w); align-content: center; align-self: flex-start } .Tabs_tabsBar__gvRCw { display: grid; max-width: var(--content-width); width: 100%; transition: var(--fade); position: relative; z-index: 90 } .Tabs_parent__SI4ki>.Tabs_tabsBar__gvRCw { gap: var(--spc-md-w) } .Tabs_horizontal__Z2VQA.Tabs_parent__SI4ki>.Tabs_tabsChildrenWrapper__9197G:not(.Tabs_noChildren__3swbz, .Tabs_small__D7Jy0) { border: var(--border); border-radius: var(--rnd-md); padding: var(--spc-md); overflow: hidden } .Tabs_horizontal__Z2VQA:not(.Tabs_parent__SI4ki)>.Tabs_tabsChildrenWrapper__9197G:not(.Tabs_noChildren__3swbz) { padding: 0 } .Tabs_horizontal__Z2VQA .Tabs_tabsBar__gvRCw { grid-template-columns: var(--grid-even); place-content: center; margin: var(--spc-xl-h) auto; margin-top: 0 } .Tabs_horizontal__Z2VQA .Tabs_tabsBar__gvRCw.Tabs_small__D7Jy0 { grid-template-columns: var(--grid-auto); place-items: center; gap: 0 } .Tabs_horizontal__Z2VQA .Tabs_tabsBar__gvRCw.Tabs_small__D7Jy0:first-child { border-top-right-radius: 0 } .Tabs_vertical__uj0_8>.Tabs_tabsBar__gvRCw { grid-template-columns: auto; margin: 0; place-content: flex-start } .Tabs_vertical__uj0_8 .Tabs_tabsChildrenWrapper__9197G { padding: 0 var(--spc-xl-w) } .Tabs_tabsChildrenWrapper__9197G.Tabs_contentBorder__1ww5j { border: var(--border); padding: var(--spc-lg); border-radius: var(--rnd-md) } @media screen and (max-width:800px) { .Tabs_tabsWrapper__66s4n.Tabs_vertical__uj0_8 { gap: var(--spc-md-w); grid-template-columns: 1fr 3fr } .Tabs_tabsWrapper__66s4n.Tabs_vertical__uj0_8.Tabs_hasIcons__et7Yd { grid-template-columns: auto 2fr } .Tabs_vertical__uj0_8 .Tabs_tabsChildrenWrapper__9197G { border: none; padding-left: var(--spc-xs-w); border-radius: 0 } } @media screen and (max-width:400px) { .Tabs_horizontal__Z2VQA.Tabs_parent__SI4ki>.Tabs_tabsChildrenWrapper__9197G:not(.Tabs_noChildren__3swbz, .Tabs_small__D7Jy0) { padding: var(--spc-sm) } } .NavMain_mainNav__UDI50 { display: flex; flex-direction: row; place-items: center; column-gap: var(--spc-sm-w); height: -moz-fit-content; height: fit-content } .NavMain_linkWrapper__NhUBu>a, .NavMain_linkWrapper__NhUBu>a:visited { text-align: center; text-shadow: 0 0 60px var(--bg-color), 0 0 30px var(--bg-color); padding: var(--spc-sm-h) 0; color: var(--fg-color) } .NavMain_linkWrapper__NhUBu a:focus { color: var(--accent-color); outline: none } @media only screen and (min-width:1025px) { .NavMain_linkWrapper__NhUBu a:hover { color: var(--accent-color); outline: none } } .Slides_slideGroupWrapper__IxhHt { overflow: hidden; position: relative; width: 100%; padding-left: 0; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .MegaNav_megaNav__smc7q { position: absolute; left: 50%; translate: -50% 0; opacity: 0; visibility: hidden; transition: all .2s ease 0s; pointer-events: none; width: clamp(300px, 97%, var(--content-width)) } .MegaNav_megaNav__smc7q.MegaNav_isOpen__bXCtt { opacity: 1; visibility: visible; pointer-events: auto; transition: all .2s ease .5s } .MegaNav_contentWrapper__EqLuC { --padding-y: var(--spc-xl-h); --padding-x: var(--spc-xl-w); --margin-top: var(--spc-sm-h); position: relative; display: grid; margin-top: var(--margin-top); padding: var(--padding-y) var(--padding-x); border-radius: var(--rnd-sm); border: var(--border); background: var(--bg-gray-solid); box-shadow: var(--shadow-far); max-height: calc(100vh - var(--header-ht) - var(--spc-md-h)); transition: var(--blur); overflow-y: scroll } .MegaNav_scrollBottomFade__rUEZH, .MegaNav_scrollTopFade__ufm6H { --clearance-x: var(--border-size); --clearance-y: calc(var(--clearance-x) * 0.8); position: fixed; left: var(--clearance-x); width: calc(100% - (var(--clearance-x) * 2)); height: var(--padding-y) } .MegaNav_scrollTopFade__ufm6H { top: calc(var(--margin-top) + var(--clearance-y)); border-top-left-radius: var(--rnd-sm); border-top-right-radius: var(--rnd-sm); -webkit-mask: linear-gradient(var(--bg-gray) 20%, transparent); mask: linear-gradient(var(--bg-gray) 20%, transparent) } .MegaNav_scrollBottomFade__rUEZH, .MegaNav_scrollTopFade__ufm6H { -webkit-backdrop-filter: var(--blur-xs); backdrop-filter: var(--blur-xs) } .MegaNav_scrollBottomFade__rUEZH { bottom: var(--clearance-y); border-bottom-left-radius: var(--rnd-sm); border-bottom-right-radius: var(--rnd-sm); -webkit-mask: linear-gradient(transparent, var(--bg-gray) 80%); mask: linear-gradient(transparent, var(--bg-gray) 80%) } .MegaNav_columns__E2m9T { display: grid; grid-template-columns: var(--grid-auto); grid-gap: var(--spc-xl-w); gap: var(--spc-xl-w); align-content: center } .MegaNav_columnTitleWrapper__U7DdV { height: clamp(40px, 10vh, 80px) } .MegaNav_columnTitleWrapper__U7DdV h5 { font-family: var(--headline-font-md); margin-top: 0 } .MegaNav_columnLinks__55DoT { display: grid; grid-gap: var(--spc-lg-w); gap: var(--spc-lg-w) } .MegaNav_columnLinks__55DoT>a:hover { text-decoration: none } .MegaNav_textWrapper__c3hDA { display: grid; grid-gap: var(--spc-xs-w); gap: var(--spc-xs-w) } .MegaNav_featured__QQlkI .MegaNav_textWrapper__c3hDA, .MegaNav_topImg__pUcZV .MegaNav_textWrapper__c3hDA { margin-top: var(--spc-sm-h) } a.MegaNav_leftIcon__urpfZ, a.MegaNav_leftImg__hesqU { display: grid; grid-template-columns: auto 1fr; -moz-column-gap: var(--spc-sm-w); grid-column-gap: var(--spc-sm-w); column-gap: var(--spc-sm-w) } .MegaNav_leftImg__hesqU .MegaNav_linkImg__CPS4n { grid-area: unset; width: 100%; max-height: 100px } .MegaNav_sublinkTitle__EW7GH { display: inline } .MegaNav_sublinkDescription__2CuBO, .MegaNav_sublinkTitle__EW7GH { font-family: var(--main-font); margin: 0 } .MegaNav_sublinkDescription__2CuBO { font-size: .9em } @media only screen and (min-width:1025px) { .MegaNav_leftImg__hesqU:hover { color: var(--accent-color); outline: none } } .IconList_wrapper__ij39s { display: grid; grid-gap: var(--spc-md-h); gap: var(--spc-md-h); padding: var(--spc-lg-h) 0 } .IconList_itemWrapper__SKoYi { display: grid; grid-template-columns: auto 1fr; grid-gap: var(--spc-md-w); gap: var(--spc-md-w) } .IconList_heading__PQILR { text-align: left; margin: 0 } .MapGoogle_mapWrapper__eEvpe { position: relative; width: 100% } .MapGoogle_mapElement__v9Z8X { width: 100%; height: clamp(200px, 80vh, 800px); border-radius: var(--rnd-lg) } @media screen and (max-width:400px) { .MapGoogle_mapWrapper__eEvpe { display: grid; grid-template-rows: repeat(2, auto); grid-gap: 0; gap: 0 } .MapGoogle_mapElement__v9Z8X { height: clamp(200px, 50vh, 600px) } } .Background_backgroundWrapper__lyLai { --radius: var(--rnd-lg) } .Background_colorOverlayWrapper__hKafI { position: absolute; top: -20%; left: 0; right: 0; bottom: -20%; z-index: 8 } .Background_colorOverlayWrapper__hKafI.Background_isDarkMode__xyB6w { --neutral-color: var(--gray-dp); top: 0; bottom: 0 } .Background_colorOverlay__ZQbMo { position: absolute; top: 0; left: 0; z-index: 9 } .Background_colorOverlay__ZQbMo, .Background_mediaWrapper__YDoQI { width: 100%; height: 100%; border-radius: var(--radius); transition: var(--fade-md) } .Background_mediaWrapper__YDoQI { object-fit: cover; z-index: 7 } .Background_video__B2zRV { position: absolute; top: 0; left: 0 } @media only screen and (max-width:1301px) { .Background_backgroundWrapper__lyLai:is(.Background_isFullWidth__zBn2K):not(.Background_isTabContent__hV_Qd) { --radius: 0 } } .ColorVariation_accColorVariation__OI1I1 { display: grid } .ColorVariation_accVariationHeader__tnOsu { position: relative } .ColorVariation_accBlockHeading__g2qRN { text-align: center; margin: 0; padding: var(--spc-xs-h) 0; font-family: var(--main-font-bold) } .ColorVariation_accBlock__yJ5C7 { display: grid; margin: var(--spc-xs); grid-gap: var(--spc-xs-h); gap: var(--spc-xs-h); place-items: center } .ColorVariation_accBlock__yJ5C7>p { margin: 0 auto; font-size: small } .ColorVariation_accFontResult__aYb4u { display: grid; grid-template-columns: auto auto; grid-gap: var(--spc-xs-w); gap: var(--spc-xs-w); align-items: center; position: relative } .ColorVariation_accColorLabel___PHIh { display: inline; margin: 0 } .ColorVariation_accContrastLabel__xeYCk { display: grid; align-items: center; background-color: var(--black); color: var(--fg-color); font-family: var(--main-font-bold); padding: var(--border-size); border-radius: 100% } .ColorVariation_accFailLabel__mfkUa { font-size: small; text-align: center; margin: 0 auto } .ColorVariation_accOpacitiesWrapper__TrIEJ { padding-top: var(--spx-sm-h) } .ColorVariation_hexCode__NG5SN { --margin: var(--spc-md-h); display: grid; position: relative; justify-content: center; cursor: pointer; padding-bottom: var(--margin); transition: var(--fade) } @media screen and (max-width:1100px) { .ColorVariation_accColorVariation__OI1I1 { gap: var(--spc-xs-w); grid-template-columns: var(--grid-auto) } .ColorVariation_accBlock__yJ5C7 { display: grid; margin: var(--spc-xs2); grid-gap: var(--spc-xs2-h); gap: var(--spc-xs2-h); place-items: flex-start } } @media only screen and (min-width:1025px) { .ColorVariation_hexCode__NG5SN:after { position: absolute; left: 50%; top: calc(var(--margin) * 1.15); translate: -50% 0; display: block; font-size: small; opacity: 0; transition: var(--fade); font-family: var(--main-font); content: "" } .ColorVariation_hexCode__NG5SN:hover:after { opacity: 1; content: "click to copy" } .ColorVariation_hexCode__NG5SN.ColorVariation_copied__P_SQA:after { opacity: 1; font-family: var(--main-font-bold); content: "copied!" } } .RebateWidget_wrapper__VXRX6 { --min-width: 200px; --width: 100%; --pad: var(--spc-md-w); --pad-top: calc(var(--pad) * 0.25); --pad-btm: calc(var(--pad) * 0.5); position: relative; margin: 0 auto; width: 100%; min-height: 50px; background-color: transparent; border-radius: var(--rnd-md); border: var(--border); background-image: var(--image-overlay-left-center-green); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); box-shadow: var(--shadow-far); margin-bottom: var(--spc-sm-h); padding: var(--pad); padding-top: var(--pad-top); padding-bottom: var(--pad-btm) } .RebateWidget_isDarkMode__f3GO_ { background-image: radial-gradient(circle at 35% 55%, var(--green-40) 0, var(--shape-sm)), linear-gradient(to right, var(--gray-dk-90), var(--gray-dk-80)); border: none; box-shadow: none } .RebateWidget_wrapper__VXRX6.RebateWidget_xs2__E7K4e { --pad: var(--spc-sm-w); width: clamp(var(--min-width), var(--width), 300px) } .RebateWidget_wrapper__VXRX6.RebateWidget_xs__t9zX2 { --pad: var(--spc-sm-w); width: clamp(var(--min-width), var(--width), 400px) } .RebateWidget_wrapper__VXRX6.RebateWidget_sm__DQXde { width: clamp(var(--min-width), var(--width), 500px) } .RebateWidget_wrapper__VXRX6.RebateWidget_md__P3G43 { width: clamp(var(--min-width), var(--width), 600px) } .RebateWidget_wrapper__VXRX6.RebateWidget_lg__8Odab { --pad: var(--spc-lg-w); width: clamp(var(--min-width), var(--width), 700px) } .RebateWidget_wrapper__VXRX6.RebateWidget_xl__JZlAN { --pad: var(--spc-xl-w); width: clamp(var(--min-width), var(--width), 900px) } .RebateWidget_wrapper__VXRX6.RebateWidget_xl2__G8Ita { --pad: var(--spc-xl2-w); width: clamp(var(--min-width), var(--width), 1100px) } .RebateWidget_wrapper__VXRX6.RebateWidget_noBackground__iiww9 { background-image: radial-gradient(circle at 35% 55%, var(--green-20) 0, var(--shape-sm)); -webkit-backdrop-filter: none; backdrop-filter: none; padding-left: 0; padding-right: 0; border: none; box-shadow: none } .RebateWidget_searchBar__xJu1B { display: grid; place-content: flex-start; margin: var(--spc-sm-h) 0 } .RebateWidget_searchBar__xJu1B form { display: flex; gap: var(--spc-sm-w); place-content: flex-start } .RebateWidget_titleWrapper__t_dg8 { position: relative; display: flex; place-content: center } .RebateWidget_upTo__4C_BP { --width: 3em; width: var(--width); font-size: 1.6rem; font-family: var(--main-font); letter-spacing: .01em; line-height: 1em; translate: 0 45% } .RebateWidget_asterisk__Vn0bH { --size: 0.8em; font-size: var(--size); line-height: calc(var(--size) * 2) } .RebateWidget_incentiveList__0pIkv { width: -moz-fit-content; width: fit-content; display: grid; grid-gap: var(--spc-sm-h); gap: var(--spc-sm-h); margin: 0 auto; margin-top: var(--spc-md-h) } @media screen and (max-width:600px) { .RebateWidget_wrapper__VXRX6:not(.RebateWidget_noBackground__iiww9):is(.RebateWidget_xs2__E7K4e, .RebateWidget_xs__t9zX2, .RebateWidget_sm__DQXde, .RebateWidget_md__P3G43, .RebateWidget_lg__8Odab, .RebateWidget_xl__JZlAN, .RebateWidget_xl2__G8Ita) { --pad: var(--spc-md-w) } } .NavMobile_wrapper__ZX_W3 { --pad-y: var(--spc-xs-h); --pad-y-total: calc(var(--pad-y) * 2); --from-bottom: var(--spc-xs-h) } .NavMobile_linkBarWrapper__Vgm3j { position: fixed; bottom: calc(var(--from-bottom) * -1); max-width: var(--content-width); width: max-content; left: 50%; translate: -50% 0; padding: var(--pad-y) var(--spc-sm-w); background-color: var(--fg-color-80); -webkit-backdrop-filter: var(--blur-sm); backdrop-filter: var(--blur-sm); border-radius: var(--rnd-sm); border: var(--border); box-shadow: var(--shadow-far); opacity: 0; visibility: hidden; transition: var(--fade-slow); z-index: 99 } #NavMobile_linkTitle__afGWT { margin: 0; font-family: var(--headline-font-md); color: var(--bg-color) } .NavMobile_menuOpenBtn__hnwv4 { display: none; visibility: hidden; opacity: 0; position: fixed; left: 50%; bottom: var(--from-bottom); translate: -50% 0; z-index: 10 } .NavMobile_navMenu__iyXaM { --bleed: 10vh; width: 100%; height: calc(100vh + var(--bleed)); translate: 0 calc(var(--bleed)); opacity: 0; visibility: hidden; background-color: var(--bg-color); padding-top: var(--bleed); transition: var(--fade-md); position: absolute; overflow-y: scroll; top: 0; z-index: 9 } .NavMobile_anchorBar__4nOP7 { width: 100%; padding: var(--spc-sm); background-color: var(--bg-color-80); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); position: fixed; bottom: 0 } @media screen and (min-width:900px) { .NavMobile_linkBarWrapper__Vgm3j.NavMobile_visible__SGEEV { bottom: var(--from-bottom); opacity: 1; display: initial; visibility: visible } } @media screen and (max-width:900px) { .NavMobile_menuOpenBtn__hnwv4 { display: initial; visibility: visible; opacity: 1 } .NavMobile_navMenu__iyXaM.NavMobile_isOpen__5ftbY { translate: 0 calc(var(--bleed) / 2 * -1); opacity: 1; visibility: visible } } .Pagination_paginationWrapper__xC07C { padding: 0 var(--spc-md-w); width: 100%; transition: var(--fade-ease-md); z-index: 99 } .Pagination_paginationBar__kOXiN { margin: 0; margin-top: var(--spc-xl2-h) } .Pagination_pageBtn__xGf_N { background-color: unset; color: var(--accent-color); cursor: pointer; padding: var(--spc-xs2-h) .7rem; border: var(--border-size) solid transparent; border-radius: 100px; transition: var(--fade) } .Pagination_pageBtn__xGf_N.Pagination_selected__4XRre { border-color: var(--accent-color) } .Pagination_isDisabled__TeXtv { opacity: 0; visibility: hidden; background-color: red } @media screen and (max-width:900px) { .Pagination_paginationWrapper__xC07C { bottom: var(--spc-xl2-h) } .Pagination_paginationBar__kOXiN { padding: var(--spc-xs) } .Pagination_textWrapper__S3V05 { height: 0; visibility: hidden; opacity: 0 } .Pagination_pageBtn__xGf_N { padding: var(--spc-xs2) } } @media only screen and (min-width:900px) { .Pagination_pageBtn__xGf_N:not(.Pagination_selected__4XRre):hover { border-color: var(--accent-color-30) } } .ModelSpecs_wrapper__ISIWs { max-width: 400px } .ModelSpecs_specList__HPBwL { color: var(--fg-color) } .ImageGrid_wrapper__JNraP { background-color: transparent } .ImageGrid_img1__n3r5d { grid-area: a } .ImageGrid_img2__BCfSz { grid-area: b } .ImageGrid_img3__Gg9iO { grid-area: c } .ImageGrid_img4__6mWmU { grid-area: d } .ImageGrid_img5__rVizt { grid-area: e } .ImageGrid_img6__qTr_N { grid-area: f } .ImageGrid_videoElement__fMGdi { object-fit: cover; width: 100%; height: 100%; border-radius: var(--rnd-md) } .ImageGrid_grid__5WXpl { --layout-1: "a"; --layout-2: "a a a a a a a ." "a a a a a a a ." "a a a a a a a ." "a a a a a a a ." ". b b b b b b b" ". b b b b b b b" ". b b b b b b b" ". b b b b b b b"; --layout-3: "a a a a . . . ." "a a a a . . . ." "a a a a b b b b" "a a a a b b b b" "c c c c b b b b" "c c c c b b b b" "c c c c . . . ." "c c c c . . . ."; --layout-4: "a a a a b b b b" "a a a a b b b b" "a a a a b b b b" "a a a a b b b b" "c c c c d d d d" "c c c c d d d d" "c c c c d d d d" "c c c c d d d d"; --layout-5: ". a a a . . . ." ". a a a b b b ." ". a a a b b b ." "c c c d d d d d" "c c c d d d d d" "c c c d d d d d" "c c c e e e e ." ". . . e e e e ."; --layout-6: "a a a a b b b ." "a a a a c c c c" "d d d d f f f f" ". e e e f f f f"; --layout-1-rows: var(--grid-1); --layout-6-rows: var(--grid-4); display: grid; grid-gap: var(--spc-sm-w); gap: var(--spc-sm-w); min-height: 700px; grid-template-columns: var(--grid-8); grid-template-rows: var(--grid-8) } .ImageGrid_layout1__ekaBF { grid-template-columns: var(--grid-1); grid-template-rows: var(--layout-1-rows); grid-template-areas: var(--layout-1) } .ImageGrid_layout2__wuDVS { grid-template-areas: var(--layout-2) } .ImageGrid_layout3__rGscE { grid-template-areas: var(--layout-3) } .ImageGrid_layout4__VE0zv { grid-template-areas: var(--layout-4) } .ImageGrid_layout5___vKqd { grid-template-areas: var(--layout-5) } .ImageGrid_layout6__5k40b { grid-template-areas: var(--layout-6); grid-template-rows: var(--layout-6-rows) } @media screen and (max-width:500px) { .ImageGrid_grid__5WXpl { min-height: unset; height: clamp(300px, 50vh, 450px); --layout-5: "a a a a b b b b" "a a a a b b b b" "a a a a b b b b" "c c c c c c c c" "c c c c c c c c" "d d d d e e e e" "d d d d e e e e" "d d d d e e e e"; --layout-6: "a a a a b b b b" "a a a a c c c c" "d d d d f f f f" "e e e e f f f f" } } .ModalSurvey_surveyWrapper__vBP8k { --width: clamp(132px, 30vw, 350px); --pad: var(--spc-xs-w); --transX: calc(var(--pad) * 1); --anim-time: 8s } .ModalSurvey_invitationWrapper__6m30z { translate: calc(var(--width) * -1.2) 0; display: grid; position: fixed; bottom: var(--spc-xs-h); left: calc(var(--transX) * -1.3); padding: var(--pad) calc(var(--pad) * 2.5); padding-left: calc(var(--pad) * 2.5); color: var(--bg-color); background-color: var(--fg-color); border-top-right-radius: var(--rnd-sm); border-bottom-right-radius: var(--rnd-sm); width: var(--width); animation: none; transition: var(--fade-ease-slow); z-index: 95 } .ModalSurvey_invitationWrapper__6m30z.ModalSurvey_isVisible__wB0ab { translate: 0 0; animation: ModalSurvey_shake__t8lBz var(--anim-time) var(--bezier) infinite; animation-delay: var(--anim-time) } @keyframes ModalSurvey_shake__t8lBz { 35% { translate: 0 0 } 50% { translate: var(--transX) 0 } 55% { translate: var(--transX) 0 } 60% { translate: 0 0 } } .ModalSurvey_invitationText__qcoEN { font-size: small; color: var(--bg-color); margin-top: 0; margin-bottom: var(--spc-xs-h) } .ModalSurvey_closeInvitationBtn__OvExx { position: absolute; top: 5px; right: 7px } .ModalSurvey_iframeElement__PEjCq { display: block; width: clamp(300px, 92vw, 500px); margin: auto; height: clamp(400px, 95vh, 800px); border: none; border-radius: var(--rnd-md) } @media screen and (max-width:768px) { .ModalSurvey_closeInvitationBtn__OvExx, .ModalSurvey_invitationText__qcoEN { display: none; opacity: 0 } } @media screen and (max-width:430px) { .ModalSurvey_surveyWrapper__vBP8k { --pad: var(--spc-xs2-w) } } .Button_btnPrimary__aGA00 { display: inline-flex; gap: 6px; width: -moz-fit-content; width: fit-content; align-items: center; border: none; padding: calc(var(--spc-sm-w) * .8) var(--spc-md-w); border-radius: var(--rnd-sm); background-color: var(--accent-color); color: var(--white); margin: 0; cursor: pointer; box-shadow: var(--shadow-far); transition: var(--fade); font-family: var(--headline-font-md); font-size: var(--h6-size) } .Button_btnPrimary__aGA00:focus-visible { outline: var(--outline) } .Button_btnPrimary__aGA00:active { background-color: var(--hover-color); color: var(--bg-gray-color); transform: scale(95%); box-shadow: var(--shadow-close) } .Button_btnPrimary__aGA00:disabled { transform: unset; opacity: 30%; cursor: not-allowed; box-shadow: none } .Button_link__0vSjb { display: inline-block; width: auto; color: var(--bg-gray-color) } .Button_btnSecondary__lJiLc { display: inline-flex; gap: 8px; align-items: center; place-self: center; background: transparent; color: var(--accent-color); padding: 0; text-align: left; font-size: var(--h6-size); width: -moz-fit-content; width: fit-content; transition: var(--fade); font-family: var(--headline-font-bold) } .Button_iconWrapper__eT0Ah { transition: var(--fade) } .Button_btnSecondary__lJiLc .Button_iconWrapper__eT0Ah { translate: -10px 0; opacity: 0; transition: var(--fade) } .Button_btnPrimary__aGA00:active .Button_iconWrapper__eT0Ah, .Button_btnSecondary__lJiLc:active .Button_iconWrapper__eT0Ah { transform: scale(140%); translate: 3px 0 } @media only screen and (min-width:900px) { .Button_btnPrimary__aGA00:not(:disabled):hover { transform: scale(98%); background-color: var(--hover-color); box-shadow: var(--shadow-med) } .Button_btnSecondary__lJiLc:hover { color: var(--accent-color) } .Button_btnSecondary__lJiLc:not(.Button_noUnderline__tLMB1):hover { text-decoration: underline; text-decoration-thickness: var(--border-size); text-underline-offset: calc(var(--border-size) * 2) } .Button_btnSecondary__lJiLc:hover .Button_iconWrapper__eT0Ah { opacity: 1; translate: 0 0 } } @media only screen and (max-width:400px) { .Button_btnPrimary__aGA00, .Button_btnSecondary__lJiLc { font-size: 14.4px } } .Clipboard_wrapper__hMSpt { display: inline-flex; gap: var(--spc-xs-w); place-items: center; place-content: center; cursor: pointer } .Clipboard_fillArea__i9CbJ { width: 100%; height: 100% } .Clipboard_hidden__aMEml { visibility: hidden } .Clipboard_wrapper__hMSpt:hover .Clipboard_hidden__aMEml { visibility: visible } .Title_titleWrapper__9uTiq { --gap-mult: 1; width: auto; display: grid; align-items: center } .Title_hasIcon__yNnVn { grid-template-columns: auto 1fr; gap: calc(var(--spc-lg-w) * var(--gap-mult)) } .Title_xl2__GngcL { --gap-mult: 0.9 } .Title_xl__jCdgx { --gap-mult: 0.75 } .Title_lg__aaQe7 { --gap-mult: 0.6 } .Title_md__VNdzH { --gap-mult: 0.4 } .Title_sm__awqVa { --gap-mult: 0.3 } .Title_xs__rQ104 { --gap-mult: 0.2 } .Title_hasIcon__yNnVn.Title_xl2__GngcL { margin: var(--h1-mar) } .Title_hasIcon__yNnVn.Title_xl__jCdgx { margin: var(--h2-mar) } .Title_hasIcon__yNnVn.Title_lg__aaQe7 { margin: var(--h3-mar) } .Title_hasIcon__yNnVn.Title_md__VNdzH { margin: var(--h4-mar) } .Title_hasIcon__yNnVn.Title_sm__awqVa { margin: var(--h5-mar) } .Title_hasIcon__yNnVn.Title_xs__rQ104 { margin: var(--h6-mar) } .Title_underline__3Pbcm { border-bottom: var(--border) } .Title_isDarkMode__j6ubG { color: var(--white) } .Tab_wrapper__z4vrm { z-index: 90; width: 100%; height: 100%; position: relative; justify-items: center; place-content: center } .Tab_wrapper__z4vrm:not(.Tab_isSelected__JL5_h) { cursor: pointer } .Tab_tabBorder__upfyl { --hover-border: var(--border-size) solid var(--accent-color); transition: var(--fade); position: relative; width: 100%; height: 100%; z-index: 90 } .Tab_tab__bzodV { display: grid; grid-gap: var(--spc-xs-h); gap: var(--spc-xs-h); padding: var(--spc-sm); margin: 0 auto; background-color: var(--bg-color); place-content: center; width: 100%; height: 100%; transition: var(--fade); --offset-calc: calc(var(--spc-lg-h) / 1.4); --icon-offset: var(--offset-calc) } .Tab_iconWrapper__wkxdl { display: flex; place-content: center; transition: var(--fade) } .Tab_popupTitle__ABuEi, .Tab_tabTitle__Mfx4a { margin: 0; transition: var(--blur); cursor: pointer; color: var(--bg-color); text-align: center } .Tab_arrowWrapper___9dE4 { --size: calc(var(--spc-md-h) * 0.6); position: absolute; transition: var(--fade-ease); opacity: 1; width: 0; height: 0; z-index: 89 } .Tab_horizontal-parent__krh6L .Tab_arrowWrapper___9dE4 { border-top: var(--size) solid var(--accent-color); border-left: var(--size) solid transparent; border-right: var(--size) solid transparent; left: 50%; bottom: var(--border-size); translate: -50% 0 } .Tab_horizontal-parent__krh6L.Tab_isSelected__JL5_h .Tab_arrowWrapper___9dE4 { opacity: 1; translate: -50% 100% } .Tab_horizontal-parent__krh6L .Tab_tabBorder__upfyl, .Tab_vertical-parent__d5FiO .Tab_tabBorder__upfyl { border: var(--border); border-radius: calc(var(--rnd-sm) + var(--border-size) * 1.2) } .Tab_horizontal-parent__krh6L .Tab_tab__bzodV, .Tab_vertical-parent__d5FiO .Tab_tab__bzodV { border-radius: var(--rnd-sm) } .Tab_horizontal-parent__krh6L.Tab_isSelected__JL5_h .Tab_tabBorder__upfyl, .Tab_vertical-parent__d5FiO.Tab_isSelected__JL5_h .Tab_tabBorder__upfyl { border: var(--hover-border) } .Tab_horizontal-parent__krh6L.Tab_isSelected__JL5_h .Tab_tab__bzodV, .Tab_vertical-parent__d5FiO.Tab_isSelected__JL5_h .Tab_tab__bzodV { background-color: var(--accent-color) } .Tab_vertical-parent__d5FiO .Tab_tabTitle__Mfx4a { text-align: left } .Tab_horizontal-parent__krh6L.Tab_isSelected__JL5_h .Tab_tabTitle__Mfx4a, .Tab_vertical-parent__d5FiO.Tab_isSelected__JL5_h .Tab_tabTitle__Mfx4a { color: var(--white) } .Tab_horizontal-child__h1J7F .Tab_tabBorder__upfyl { border-bottom: calc(var(--border-size) * 3) solid var(--bg-gray) } .Tab_horizontal-child__h1J7F.Tab_isSelected__JL5_h .Tab_tabBorder__upfyl { border-bottom-color: var(--accent-color) } .Tab_horizontal-child__h1J7F.Tab_isSelected__JL5_h .Tab_tabTitle__Mfx4a { color: var(--white) } .Tab_horizontal-child__h1J7F .Tab_tab__bzodV { grid-template-columns: auto auto; align-items: center; justify-content: center; gap: var(--spc-sm-h) } .Tab_vertical-parent__d5FiO .Tab_tab__bzodV { grid-template-columns: auto auto; align-items: center; justify-content: flex-start; padding: var(--spc-md); gap: var(--spc-sm-h) } .Tab_vertical-parent__d5FiO .Tab_arrowWrapper___9dE4 { border-top: var(--size) solid transparent; border-left: var(--size) solid var(--accent-color); border-bottom: var(--size) solid transparent; top: 50%; left: unset; right: var(--border-size); translate: 0 -50% } .Tab_isSelected__JL5_h.Tab_vertical-parent__d5FiO .Tab_arrowWrapper___9dE4 { opacity: 1; translate: 100% -50% } .Tab_vertical-child__UBHdN .Tab_tab__bzodV { grid-template-columns: auto auto; align-items: center; justify-content: flex-start; padding: var(--spc-md); gap: var(--spc-sm-h) } .Tab_vertical-child__UBHdN .Tab_tabBorder__upfyl { border-right: calc(var(--border-size) * 3) solid var(--bg-gray) } .Tab_vertical-child__UBHdN.Tab_isSelected__JL5_h .Tab_tabBorder__upfyl { border-right-color: var(--accent-color) } .Tab_firstTab__VPl01 .Tab_tab__bzodV.Tab_small__sdMLW, .Tab_tabBorder__upfyl.Tab_small__sdMLW.Tab_firstTab__VPl01 { border-top-right-radius: 0; border-bottom-right-radius: 0 } .Tab_lastTab__9v8HV .Tab_tab__bzodV.Tab_small__sdMLW, .Tab_tabBorder__upfyl.Tab_small__sdMLW.Tab_lastTab__9v8HV { border-top-left-radius: 0; border-bottom-left-radius: 0 } .Tab_middleTab___Lpak .Tab_tab__bzodV.Tab_small__sdMLW, .Tab_tabBorder__upfyl.Tab_small__sdMLW.Tab_middleTab___Lpak { border-radius: 0 } .Tab_tab__bzodV.Tab_small__sdMLW { width: auto; padding: var(--spc-sm); --icon-offset: calc(var(--offset-calc) + var(--border-size)) } @media screen and (min-width:1025px) { .Tab_parent__L0NRg .Tab_tabBorder__upfyl:not(.Tab_isSelected__JL5_h):hover { border: var(--hover-border) } .Tab_parent__L0NRg .Tab_tabBorder__upfyl:not(.Tab_isSelected__JL5_h):hover .Tab_iconWrapper__wkxdl { transform: scale(1.1) } } @media screen and (max-width:800px) { .Tab_child__pMLLe .Tab_tab__bzodV { gap: 0 } .Tab_tabTitle__Mfx4a.Tab_hasIcon__UfWoR { display: none; visibility: hidden } .Tab_wrapper__z4vrm.Tab_vertical__KUSDV .Tab_tab__bzodV { grid-template-columns: 1fr; place-content: center } .Tab_vertical__KUSDV .Tab_iconWrapper__wkxdl { display: flex; place-content: center } } @media screen and (max-width:500px) { .Tab_tabTitle__Mfx4a { font-size: 15px } } .Spacer_spacer__RBmbg { display: flex; height: var(--spc-xl-h); max-width: var(--content-width); margin: 0 auto } .Spacer_xs__rHa8z { height: var(--spc-xs-h) } .Spacer_sm__C0hZT { height: var(--spc-sm-h) } .Spacer_md__enrR4 { height: var(--spc-md-h) } .Spacer_lg__6WNY_ { height: var(--spc-lg-h) } .Spacer_xl__NzHBP { height: var(--spc-xl-h) } .Spacer_xl2__gynEu { height: var(--spc-xl2-h) } .Spacer_xl3__KFO7z { height: var(--spc-xl3-h) } .SearchResult_resultItemSummary__Wq3hh, .SearchResult_resultItemTitle__1YQsr { margin: 0 } .SearchResult_resultItemSummary__Wq3hh { font-size: smaller } .LoadingSpinner_componentWrapper__GTGM6 { grid-area: unset; display: grid; grid-gap: var(--spc-md-h); gap: var(--spc-md-h); width: 100%; place-items: center; place-content: center; padding: 0 var(--lg); margin: var(--lg) auto } .LoadingSpinner_title__kWZNS { text-align: center; margin: 0 auto; font-family: var(--main-font-bold); animation: LoadingSpinner_title-pulse__CnCzc 1s ease-in-out infinite; max-width: 600px } @keyframes LoadingSpinner_title-pulse__CnCzc { 0% { opacity: 1 } 50% { opacity: .5 } to { opacity: 1 } } .LoadingSpinner_spinnersWrapper__8xIY5 { --size: clamp(20px, 8vmin, 40px); --time: 800ms; --count: "0"; position: relative } .LoadingSpinner_fan__ogTtH { animation: LoadingSpinner_fan-spin__hOaZY var(--time) infinite linear } @keyframes LoadingSpinner_fan-spin__hOaZY { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .LoadingSpinner_fan__ogTtH.LoadingSpinner_isTimedOut__C8fKO { animation: none; opacity: .2 } .LoadingSpinner_title__kWZNS.LoadingSpinner_isTimedOut__C8fKO { animation: none; opacity: 1 } .LoadingSpinner_progressBarContainer__3j7nn { width: 180px; height: 10px; background-color: var(--fg-color); border-radius: 5px; overflow: hidden } .LoadingSpinner_progressBar__x0pzZ { height: 100%; background-color: var(--accent-color); transition: var(--fade); width: 0 } .LoadingSpinner_progressBarLabel__0K8Zc { visibility: hidden; position: absolute; opacity: 0 } .ButtonToggle_toggleWrapper__bgTTw { --toggle-size: 3; --toggle-ht: calc(var(--base) * var(--toggle-size)); --toggle-wd: calc(var(--toggle-ht) * 1.8); --toggle-margin: calc(var(--toggle-ht) * 0.2); --toggle-btn-size: calc(var(--toggle-ht) - var(--toggle-margin)); --toggle-pos-l: calc(var(--toggle-margin) / 2); --toggle-pos-r: calc(var(--toggle-wd) - var(--toggle-btn-size) - var(--toggle-pos-l)); --font-size: var(--md); position: relative; border-radius: var(--toggle-ht); height: var(--toggle-ht); width: var(--toggle-wd); background-color: var(--gray-80); cursor: pointer; display: inline-flex; justify-content: space-between; align-items: center } .ButtonToggle_toggleWrapper__bgTTw.ButtonToggle_right__bNakq.ButtonToggle_colorBg__dPvBy { background-color: var(--accent-color) } .ButtonToggle_toggleWrapper__bgTTw, .ButtonToggle_toggleWrapper__bgTTw * { transition: var(--fade-ease) } .ButtonToggle_toggleBtn__eqqnQ { position: absolute; border-radius: 100%; height: var(--toggle-btn-size); width: var(--toggle-btn-size); background-color: var(--bg-color); color: var(--fg-color); display: flex; justify-content: center; align-items: center; transition: var(--fade-ease); font-size: var(--font-size); z-index: 10 } .ButtonToggle_toggleBtn__eqqnQ, .ButtonToggle_toggleWrapper__bgTTw.ButtonToggle_left__59RS5 .ButtonToggle_toggleBtn__eqqnQ { translate: var(--toggle-pos-l) 0 } .ButtonToggle_toggleWrapper__bgTTw.ButtonToggle_right__bNakq .ButtonToggle_toggleBtn__eqqnQ { translate: var(--toggle-pos-r) 0 } .ButtonToggle_option__MJsBd { height: var(--toggle-ht); width: var(--toggle-ht); display: grid; color: var(--bg-color); justify-content: center; align-items: center; font-family: var(--headline-font); opacity: .5 } .ButtonToggle_leftOption__lu8fC { position: absolute; left: 0; font-size: var(--font-size) } .ButtonToggle_rightOption__Kq_Jr { position: absolute; right: 0; font-size: var(--font-size) } .ButtonToggle_largerFont__tsoSu { font-family: var(--headline-font-bold); font-size: calc(var(--font-size) * 1.6) } @media only screen and (min-width:1025px) { .ButtonToggle_toggleWrapper__bgTTw:hover { background-color: var(--gray) } .ButtonToggle_toggleWrapper__bgTTw.ButtonToggle_right__bNakq.ButtonToggle_colorBg__dPvBy:hover { background-color: var(--hover-color) } } .ButtonScroll_scrollDownBtn__vDSYt { --offset: var(--spc-xl-h); --bottom: calc(var(--offset) * -0.8); --transX: -59%; bottom: var(--bottom); position: fixed; padding: var(--spc-xs-h) var(--spc-sm-w); padding-bottom: var(--offset); background-color: var(--bg-color); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur); border-radius: var(--rnd-sm) var(--rnd-sm) 0 0; left: 50%; translate: var(--transX) 0; animation: ButtonScroll_wiggle__e_9zq 4s var(--bezier) infinite; transition: var(--fade-slow); z-index: 100 } .ButtonScroll_scrollDownBtn__vDSYt.ButtonScroll_btnHidden__tinDz { --bottom: calc(var(--offset) * -2); animation: none } @keyframes ButtonScroll_wiggle__e_9zq { 0% { translate: var(--transX) 0 } 30% { translate: var(--transX) 0 } 50% { translate: var(--transX) -20px } 70% { translate: var(--transX) 0 } to { translate: var(--transX) 0 } } .AccordionBlock_blockWrapper__ISVMH { margin: var(--spc-md-h) 0; border-radius: var(--rnd-sm); background-color: var(--bg-gray); -webkit-backdrop-filter: var(--blur); backdrop-filter: var(--blur) } .AccordionBlock_blockWrapper__ISVMH.AccordionBlock_simple__JyGCk { border: none; background-color: transparent; margin: var(--spc-xs-h) 0; -webkit-backdrop-filter: none; backdrop-filter: none } .AccordionBlock_headerWrapper__Aqaff { display: flex; background-color: unset; gap: var(--spc-sm-w); padding: var(--spc-sm-h) var(--spc-md-w); cursor: pointer } .AccordionBlock_simple__JyGCk .AccordionBlock_headerWrapper__Aqaff { padding-left: 0 } .AccordionBlock_iconWrapper__fk_uR { display: flex; place-self: center; transform: rotate(-90deg); transition: var(--fade-md) } .AccordionBlock_isOpen__pjKxR .AccordionBlock_iconWrapper__fk_uR { transform: rotate(0deg) } .AccordionBlock_headingWrapper__ais78 { display: flex; gap: var(--spc-sm-w) } .AccordionBlock_heading__uiFBI { font-family: var(--headline-font-bold); text-align: left; margin: 0 } .AccordionBlock_subheading__IgspA { margin: 0; padding-left: var(--spc-lg-w) } .AccordionBlock_bodyOuterWrapper__kN8wi { max-height: 0; overflow: hidden } .AccordionBlock_bodyInnerWrapper__ObO_e { color: transparent; padding: var(--spc-md); padding-top: var(--spc-xs-h) } .AccordionBlock_simple__JyGCk .AccordionBlock_bodyInnerWrapper__ObO_e { padding-left: calc(var(--spc-sm-h) + var(--spc-sm-w)) } .AccordionBlock_simple__JyGCk .AccordionBlock_bodyInnerWrapper__ObO_e p { margin-top: 0 } .AccordionBlock_isDarkMode__vBpHS * { color: var(--white) } .AccordionBlock_blockWrapper__ISVMH.AccordionBlock_isDarkMode__vBpHS { background-color: var(--gray-dk-50) } .AccordionBlock_whiteBg__gU27a { background-color: var(--bg-color) } @media screen and (max-width:900px) { .AccordionBlock_headerWrapper__Aqaff { display: block } .AccordionBlock_subheading__IgspA { margin-top: var(--spc-xs-h); padding-left: 0 } } .CardPerson_cardWrapper__zj7WX, .CardPerson_modalWrapper__t95w_ { --min-width: 280px; --card-width: clamp(260px, 25vw, var(--min-width)); max-width: unset } .CardPerson_cardWrapper__zj7WX { width: var(--card-width) } .CardPerson_imgWrapper__6_oXf { position: relative; width: 100%; height: clamp(320px, 50vh, 400px); margin-top: var(--spc-md-h) } .CardPerson_image__82gmv { object-fit: cover; object-position: top; filter: saturate(0) } .CardPerson_name__IbbV8 { font-family: var(--main-font-bold); font-size: var(--h4-size); margin-bottom: var(--spc-sm-h) } .CardPerson_position__XC0DV { font-family: var(--main-font); font-size: var(--h6-size); margin: 0 } .CardPerson_modalContentWrapper__Or27O { display: grid; min-width: var(--min-width) } .CardPerson_modalLeftColumn__3WZkZ { width: var(--card-width) } .StarRating_numReviews__myLYY { padding-left: var(--spc-xs-w); cursor: pointer; color: var(--accent-color); font-size: 1.5rem; font-family: var(--link-font) } .StarRating_numReviews__myLYY:hover { text-decoration: underline } .StarRating_review___dIRD { display: grid; grid-gap: var(--spc-xs2-h); gap: var(--spc-xs2-h) } .StarRating_authorName__KOJka { margin: 0; text-transform: capitalize } .StarRating_reviewAge___ZVGl { font-size: smaller } .StarRating_reviewBody__Ss9U_ { margin-top: var(--spc-sm-h); font-family: var(--main-font-italic); font-size: 1.5rem } .CardModel_wrapper__xo8Yc h1, .CardModel_wrapper__xo8Yc h2, .CardModel_wrapper__xo8Yc h3, .CardModel_wrapper__xo8Yc h4, .CardModel_wrapper__xo8Yc h5, .CardModel_wrapper__xo8Yc h6, .CardModel_wrapper__xo8Yc p { margin: 0 } .CardModel_wrapper__xo8Yc .CardModel_description__EsmrE { font-size: small } .CardModel_tagsWrapper__EeenQ { margin: 0 } .CardModel_buttonWrapper__b35Up { position: absolute; bottom: var(--spc-md-h) } .Breadcrumbs_wrapper__DWnN_ { position: relative; z-index: 90 } .ImgPlaceholder_wrapper__rRJxj { --height: clamp(100px, 50vh, 300px); position: relative; height: var(--height); border-radius: var(--rnd-md); overflow: hidden } .ImgPlaceholder_background__Ah4FS, .ImgPlaceholder_color__rIyRR { opacity: .5; height: 100% } .ImgPlaceholder_color__rIyRR { --base-scale: 2, 2; position: absolute; width: 100%; height: 100%; transform: scale(var(--base-scale)) } .ImgPlaceholder_text__sZ3Bi { opacity: .65; position: absolute; top: 50%; left: 50%; translate: -50% -50%; color: var(--fg-color) } .ImgPlaceholder_green__rOcZI { background: radial-gradient(circle at 30% 30%, var(--green), var(--shape-sm)); --translate: 90% 90%; --anim-scale: 3, 3; --duration: 24.2434s } .ImgPlaceholder_blue__dcr3T { background: radial-gradient(circle at 35% 60%, var(--blue), var(--shape-sm)); --translate: 80% -50%; --anim-scale: 3, 3; --duration: 33.4453s } .ImgPlaceholder_red__xJt8Y { background: radial-gradient(circle at 65% 30%, var(--red), var(--shape-sm)); --translate: 20% 90%; --anim-scale: 3, 3; --duration: 18.867s } .ImgPlaceholder_purple__zEuw2 { opacity: 1; background: radial-gradient(circle at 35% 50%, var(--shape-xs), var(--purple)); --translate: 100% 0%; --anim-scale: 3, 3; --duration: 6.3229s } .ImgPlaceholder_animated__ZjZxz * { animation-name: ImgPlaceholder_pulse__F2xpw; animation-duration: var(--duration); animation-iteration-count: infinite; animation-timing-function: ease-in-out } @keyframes ImgPlaceholder_pulse__F2xpw { 0% { transform: scale(var(--base-scale)); translate: 0 } 50% { transform: scale(var(--anim-scale)); translate: var(--translate) } to { transform: scale(var(--base-scale)); translate: 0 } } @font-face { font-family: __styrene300_Fallback_a43acd; src: local("Arial"); ascent-override: 88.62%; descent-override: 20.09%; line-gap-override: 0.00%; size-adjust: 117.47% } .__className_a43acd { font-family: __styrene300_a43acd, __styrene300_Fallback_a43acd } @font-face { font-family: __styrene400_Fallback_14c777; src: local("Arial"); ascent-override: 87.08%; descent-override: 19.74%; line-gap-override: 0.00%; size-adjust: 119.55% } .__className_14c777 { font-family: __styrene400_14c777, __styrene400_Fallback_14c777 } @font-face { font-family: __styrene500_Fallback_3e7f10; src: local("Arial"); ascent-override: 85.46%; descent-override: 19.37%; line-gap-override: 0.00%; size-adjust: 121.81% } .__className_3e7f10 { font-family: __styrene500_3e7f10, __styrene500_Fallback_3e7f10 } @font-face { font-family: __styrene700_Fallback_b9e93b; src: local("Arial"); ascent-override: 83.96%; descent-override: 19.03%; line-gap-override: 0.00%; size-adjust: 123.98% } .__className_b9e93b { font-family: __styrene700_b9e93b, __styrene700_Fallback_b9e93b } @font-face { font-family: __styrene400Italic_Fallback_64a7ef; src: local("Arial"); ascent-override: 87.80%; descent-override: 19.91%; line-gap-override: 0.00%; size-adjust: 118.56% } .__className_64a7ef { font-family: __styrene400Italic_64a7ef, __styrene400Italic_Fallback_64a7ef } @font-face { font-family: __poppins300_Fallback_a701dc; src: local("Arial"); ascent-override: 93.76%; descent-override: 31.25%; line-gap-override: 8.93%; size-adjust: 111.99% } .__className_a701dc { font-family: __poppins300_a701dc, __poppins300_Fallback_a701dc } @font-face { font-family: __poppins400_Fallback_d61925; src: local("Arial"); ascent-override: 92.83%; descent-override: 30.94%; line-gap-override: 8.84%; size-adjust: 113.11% } .__className_d61925 { font-family: __poppins400_d61925, __poppins400_Fallback_d61925 } @font-face { font-family: __poppins500_Fallback_d87e8e; src: local("Arial"); ascent-override: 91.82%; descent-override: 30.61%; line-gap-override: 8.74%; size-adjust: 114.36% } .__className_d87e8e { font-family: __poppins500_d87e8e, __poppins500_Fallback_d87e8e } @font-face { font-family: __poppins600_Fallback_d991b1; src: local("Arial"); ascent-override: 90.85%; descent-override: 30.28%; line-gap-override: 8.65%; size-adjust: 115.57% } .__className_d991b1 { font-family: __poppins600_d991b1, __poppins600_Fallback_d991b1 } @font-face { font-family: __poppins700_Fallback_a695d6; src: local("Arial"); ascent-override: 89.77%; descent-override: 29.92%; line-gap-override: 8.55%; size-adjust: 116.97% } .__className_a695d6 { font-family: __poppins700_a695d6, __poppins700_Fallback_a695d6 } @font-face { font-family: __poppins300Italic_Fallback_355eed; src: local("Arial"); ascent-override: 93.23%; descent-override: 31.08%; line-gap-override: 8.88%; size-adjust: 112.63% } .__className_355eed { font-family: __poppins300Italic_355eed, __poppins300Italic_Fallback_355eed } @font-face { font-family: __poppins200_Fallback_fa3c54; src: local("Arial"); ascent-override: 94.89%; descent-override: 31.63%; line-gap-override: 9.04%; size-adjust: 110.66% } .__className_fa3c54 { font-family: __poppins200_fa3c54, __poppins200_Fallback_fa3c54 }